Question

在IE9上测试jQuery Mobile网站的过程中，我发现了一些类似于

的内容

<img src=... width='100%' height='auto'/>

不适用于IE9 - 图像显示为没有高度的长水平线。 IE似乎不理解auto属性或似乎将其解释为 0 。完全抛弃高度属性可以解决问题 - 图像显示为所需的，对所有其他浏览器来说似乎也没问题。

问题解决了吗？嗯，不完全，因为这让我感到有点困惑。我一直认为指定图像的高度和宽度有助于浏览器完成呈现页面的工作，因为它知道在获取图像之前需要为图像指定多少空间。因此，“省略高度=自动”技巧将意味着页面呈现会变慢，因为浏览器会暂停获取其他页面资源，直到它获得图像数据并建立页面布局尚未到来？

Answer 1

“浏览器会暂停获取其他页面资源，直到获得图像数据并确定页面布局尚未到来？”是错的。自从netscape以来，情况并非如此。实际上，这是netscape中的关键创新之一，页面将继续呈现，直到获取图像，确定大小并且页面简单地“重排”。

如评论中所述。如果您不知道它，请删除高度。将其设置为自动对浏览器没有任何帮助。