【发布时间】:2013-07-20 01:26:51
【问题描述】:
我将“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 的渲染/速度问题以及box-Sizing、float、border 和max-width 的组合。当我在我的文件系统中本地尝试时,似乎没有问题(快速)。在两个不同的网络服务器上,图像看起来会有所不同。
“普通”服务器: http://test5.topiclodge.com
慢速服务器: http://wiki.norm-konform.de/test/
我在 3 台 Mac(Safari 版本 6.0.3 和 6.0.5)上测试它
也许有解决方法或任何想法?
非常感谢!
【问题讨论】:
-
我也得到了这个,当我有一个带有 onload 属性的图像时,它调用了一些 jquery 来调整图像的大小。它加载并可见一纳秒,然后变为空白。手动调整 Safari 窗口的大小,然后让它再次出现。我改用 CSS 方法。