頁面方向改變時圖像不斷放大

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;
}