如何在Jquery Mobile中适合任何设备的图像

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-image-wrapper img {

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

     

}