在 IE9 上测试一个 jQuery Mobile 网站的过程中,我发现了一些类似的东西
<img src=... width='100%' height='auto'/>
不适用于 IE9 - 图像显示为一条没有高度的长水平线。似乎 IE 不理解 auto 属性或似乎将其解释为含义0。完全不考虑 height 属性就可以解决问题 - 图像按需要显示,这似乎也适用于所有其他浏览器。
问题解决了?好吧,不完全是因为这让我感到有点困惑。我一直认为指定图像的高度和宽度有助于浏览器渲染页面,因为它知道在获取图像之前需要为图像指定多少空间。所以“省略高度=自动”技巧意味着页面渲染会变慢,因为浏览器会推迟获取其他页面资源,直到它获得图像数据并建立页面布局尚未到来?