jquery - 图像在页面方向改变时不断放大

Question

我在使用 jquery mobile 1.3.1 开发 iphone 移动 Web 应用程序时遇到问题，

我有一张在加载过程中非常适合屏幕的图像，但是如果从纵向到横向的方向发生变化，则图像会放大

第一张图片显示了方向从横向更改为纵向后的屏幕

原始图像

有关如何纠正相同问题的任何建议都会有所帮助

Answer 1

您希望图像按比例调整大小吗？如果是这样，请使用它。

演示http://jsfiddle.net/yeyene/AeXnV/2/

删除 img 标签中的 width 和 height 属性。

<p id="myImage">
    <img src="http://2.bp.blogspot.com/-YUUHSmN2iKc/URqH5KMr6OI/AAAAAAAABpE/ta3lwt2KDx8/s1600/desktop-wallpaper-1600x1200.jpg">
</p>

添加这个CSS。

#myImage img{
    float:left;
    width:100%;
    height:auto;
}