在Safari（CSS3）中调整窗口大小之前，图像有时不会显示 我把ZURB基金会问题减少到下面的最小代码。当我在Safari中打开带有该代码的网站时，有时并不是所有的图像都会加载。有时没有，有时只有一两个。在我调整浏览器窗口大小的那一刻，所有丢失的图像都会出现 <!DOCTYPE html> <head> <style type="text/css"> p { float: left; } img { box-sizing: border-box; max-width: 100%; border: solid; } </style> </head> <body> <p><img src='1.jpg'></p> <p><img src='2.jpg'></p> <p><img src='3.jpg'></p> </body> </html>
也许这只是Safari的渲染/速度问题，以及框大小、浮动、边框和最大宽度的组合。当我在本地文件系统中尝试时，似乎很快就没有问题了。在两个不同的web服务器上，图像看起来不同 “正常”服务器： 慢速服务器： 我在3个Mac Safari版本6.0.3和6.0.5上测试了它 也许有一个解决办法或任何想法在Safari（CSS3）中调整窗口大小之前，图像有时不会显示 我把ZURB基金会问题减少到下面的最小代码。当我在Safari中打开带有该代码的网站时，有时并不是所有的图像都会加载。有时没有，有时只有一两个。在我调整浏览器窗口大小的那一刻，所有丢失的图像都会出现 <!DOCTYPE html> <head> <style type="text/css"> p { float: left; } img { box-sizing: border-box; max-width: 100%; border: solid; } </style> </head> <body> <p><img src='1.jpg'></p> <p><img src='2.jpg'></p> <p><img src='3.jpg'></p> </body> </html>,css,safari,Css,Safari,也许这只是Safari的渲染/速度问题，以及框大小、浮动、边框和最大宽度的组合。当我在本地文件系统中尝试时，似乎很快就没有问题了。在两个不同的web服务器上，图像看起来不同 “正常”服务器： 慢速服务器： 我在3个Mac Safari版本6.0.3和6.0.5上测试了它 也许有一个解决办法或任何想法 非常感谢 WebKit浏览器不喜欢没有宽度和高度属性的图像。将宽度和高度添加到图像中，然后重试。我也得到了这个结果，当时我有一个带有onload属性的图像，它调用了一些jquery来调整图像的大
非常感谢 WebKit浏览器不喜欢没有宽度和高度属性的图像。将宽度和高度添加到图像中，然后重试。我也得到了这个结果，当时我有一个带有onload属性的图像，它调用了一些jquery来调整图像的大小。它加载并在一纳秒内可见，然后变为空白。手动调整Safari窗口的大小，然后使其再次出现。我转而使用CSS方法。