根據設備自動按照設備的位置圖像放置圖像屏幕尺寸

Question

我有更大的圖像，我在其上放置了較小的圖像在特定位置。當我在不同的設備上運行我的應用程序時，較小的圖像會從指定位置錯位。以下是代碼。請提出解決方案。

 <div data-role="content" data-theme="e"> 
      <img id="m1" src="images/MTsupermarket.jpg" width="600" height="500" style="float:left; display:inline; margin-left:200px"> 
      <div style="position: absolute;top:112px;left:387px;"> 
       <a href="#options" data-rel="dialog" data-transition="flow"><img class="img1" src="images/cctvleft.jpg"></a> 
      </div> 
      <div style="position: absolute;top:205px;left:460px;"> 
       <img src="images/area1.jpg"> 
      </div> 
      <div style="position: absolute;top:268px;left:576px;"> 
       <img src="images/area2.jpg"> 
      </div> 
      <div style="position: absolute;top:300px;left:676px;"> 
       <img src="images/area3.jpg"> 
      </div> 
     </div> 

Answer 1

我發現用Android佈局重疊的圖像很難執行。

有一兩件事，我建議是縮放所有的圖像，並把他們在相應的文件夾，並使用

"wrap_content" 

長度和寬度。我不會設置絕對位置（絕對佈局已棄用）我寧願嘗試設置邊距。