相关疑难解决方法(0)

我申请后如何检索宽度和高度属性transform: rotate(45deg);？

比如,旋转后11x11平方变为17x17(Chrome结果),但javascript仍然返回原始宽度/高度 - 10x10.

我怎么得到这个17x17？

大家好.我使用下面的代码来旋转拖放图像.旋转工作正常,但是当我开始旋转时,图像移动到"div"容器之外.我想念的东西.

    //Moving outside the container for first time.After dragging inside the div,then rotates inside the div
  var test = 5;
  var mouseDown = false;
  $(function() {
      $('.frame').mousedown(function(e) { mouseDown = true; });
      $('.frame').mouseup(function(e) { mouseDown = false; });
      $('.frame .rotatable').live('mousemove', function(e) {
          if ((mouseDown) && (e.ctrlKey)) {

              test = test + 10;
              var currentId;
              document.getElementById('angle').value = test;
              $(this).rotate({ angle: test });
              var currentId = $(this).attr('id');
              var id = currentId.substring(8);                  
              var deleteimage = 0;
              var angle = test;
              saveCoords(e.clientX, e.clientY, angle, …

我必须旋转我的身体并使其达到全高和全宽。

好吧，我使用了vh度量并且对于width来说效果非常好，但是 height 仍然不太适合......

我必须旋转 90 度，但高度和宽度仍然指与不旋转相同的方向。

PS：我添加.red是为了更容易看到div/body适合的位置。

我想要的只是旋转的内容适合整个页面/可用窗口的大小

编辑

我刚刚发现有一种方法可以通过计算来完成sin，cos我想知道SASS是否可以做到？以更自动化/懒惰的方式？

请参考片段：

div.ccw {
         transform: rotate(-90deg) translateY(0px); 
         -webkit-transform: rotate(-90deg) translateY(0px); 
        -moz-transform: rotate(-90deg) translateY(0px);
        -o-transform: rotate(-90deg) translateY(0px);
        -ms-transform: rotate(-90deg) translateY(0px);
    }
.main-screen{
width:100vh; 
  height:100vh;
}
.red{
background-color:red;
}
#footer{
  
}
#footer {
	    position: fixed;
	    bottom: 0;
	    width: 100%;
	}

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/>
<div ng-view=""  class="red container-fluid …