如何使用旋轉的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){ ... }