如何使用旋转的CSS与jQuery可拖动ASP.NET沿

Question

我有有一个div标签：

id="ipad" style="background-image: url(images/large-ipad.png); -ms-transform: rotate(90deg); 
     background-repeat: no-repeat; width: 511px; height: 356px; padding: 41px 67px 41px 67px; 
     margin: auto;" 

和DIV中有一个与

id="lbl1" style="-ms-transform:rotate(90deg)"> 

和一些文字span标记跨度标签

和JavaScript为它之间：

$(document).ready(function() {   
     $('#lbl1').draggable({ 
      containment: 'parent', 
      scroll: false    
     }); 
    }); 

基本上我想要做的是我有一个div标签，它在后台有ipad图像。现在我有两个选项可以旋转div标签1.lanscape和2.portrait。我通过将css:-ms-transform:rotate(90deg)应用于div标签实现了div标签的旋转，但是旋转后发生的情况是，可拖动的代码不能正常工作，它会被拖到父代之外，甚至文本旋转也不起作用。

你能帮我解决这个问题吗？基本上我希望可拖动的文本与div旋转一起旋转，并且可拖动的应该正常工作。

Answer 1

基本的东西没有去，因为这样一来，

您需要定义各种尺寸的，你除了用户将browese您的应用程序 你必须利用新的CSS媒体查询的

@media screen and (min-device-width: 480px) { your css for this query goes here } 
@media orientation (landscape or portrait){ ... }