根據移動設備寬度，無需拉伸，圖像適合div內部

我正在使用phonegap，並且我試圖根據移動設備寬度適合div內的圖像，而無需拉伸。根據移動設備寬度，無需拉伸，圖像適合div內部

<div style="padding:0px!important;overflow:hidden;margin-top: 10px;"> 
         <center> 
          <!-- <img src="images/user.png" id="ReguserProfileImage" class="profileimage" style="width:120px;height:121px;" data-bind="attr: { src: image }" />--> 
          <img id="customerProfileImage" src="images/user.png" style="min-width:100%;height:auto" /><br /> 
          <div class="activity-photo-upload"> 
           <label for="profile-activity-photo"> 

            <a id="OpenView" data-rel="actionsheet" data-role="button" href="#RegProfilePhotoPopUp" style="text-decoration: none;border:none;"> 
             <img src="images/icon-photo.png" class="icon" /> 
            </a> 
           </label> 
          </div> 
         </center> 


        </div>

來源

2017-03-01 Vicky

將

img { 
    max-width: 100%; 
}

它會阻止你的源每個IMG標記爲「拉伸」超過最大屏幕寬度。

來源

2017-03-01 18:48:38 DonVitoCorleone

謝謝唐的回覆，但沒有幫助我。當我將其更改爲最大寬度：100％時，圖像甚至不會出現。最小寬度：100％，它的確如此。 – Vicky

爲你的img標籤加上'display：block;'結合'max-width：100％'或'display：inline-block;'不管你想要什麼 – DonVitoCorleone

Don，它不工作。當我給最小寬度：100％和高度：自動 - 該圖像出現，但與彈力 – Vicky

根據移動設備寬度，無需拉伸，圖像適合div內部

回答

相關問題