拖放可縮放內容偏移量（）

Question

我在左側有4個拼圖塊，右側有4個拼圖塊。我需要將棋子從右側拖到左側並使它們連接......問題是，我的內容是可縮放的，因此如果我將一塊投影到dropspot上，當調整頁面大小時，它將保持在那裏，並且不會是裝上左側拼圖。我已閱讀了一些關於膠印的內容，在這種情況下會有所幫助

這裏是我有格作降點嘗試，但我不能讓作品適合在降點時，即時通訊過他們，如果我調整頁面，片未加入：

http://jsfiddle.net/zf66b/7/

代碼：

$(function() { 
    for(var i = 0; i < piesedrag.length; i++) 
    { 
    $(piesedrag[i]).draggable 
    ({ 
     containment: "#decor", 
     cursor: "move", 
     revert: "invalid", 
     }); 
    } 

    for(var i = 0; i < dropspot.length; i++) 
    { 
      $(dropspot[i]).droppable({ 
      /* tolerance: "intersect",*/ 

      drop: function(event, ui) 
      { 
      tolerance: 'intersect' 
      }  
     }); 
    } 

}); 

Answer 1

爲了使它正常工作，你必須改變從百分比的大小和位置爲固定值，這裏有一些修正：

right { 
    left:400px; 
    width:200px 
} 
.left { 
    left: 0px; 
    width: 200px; 
} 
#dropspot3 { 
/* margin-left: 34%; */ 
width: 150px; 
} 

設置每個dropspot固定寬度並刪除百分比餘量。