如何適應圖像的任何設備在JqueryMoblie

Question

我有1張圖片（1081 * 1921），現在我已經嘗試過這種圖像顯示高度不同的手機

我放在這樣的：

<img src="images/2 copy.jpg" alt="" height="100%" width="100%"/><br/>  

但它確實不適合手機屏幕。

所以，請給我關於圖像合適的任何想法，任何移動高度或任何瀏覽器高度

在先進的感謝。

Answer 1

應用此給你的CSS：

img { max-width:100%; } 

這將寬度改變到最大的100％（器件寬度）

Answer 2

卸下height和width屬性和使用

max-width: 100%; 

這將確保您的瀏覽器顯示整個圖像。

Answer 3

嗨親愛的朋友們，請檢查該鏈接DEMO

HTML

<div class="res-image-wrapper"> 
<img src="http://www.ukafh.co.uk/communities/4/004/008/327/664//images/4581542034.jpg" /> </div> 

CSS

.RES圖像，包裝{

max-width:90%; 
height:auto; 
position: relative; 
display:block; 
margin:0 auto; } 

.RES圖像，包裝IMG {

max-width:100% !important; 
height:auto; 
display:block; 

}