【问题标题】:Images sometimes don't appear till resizing window in Safari (CSS3)在 Safari (CSS3) 中调整窗口大小之前,图像有时不会出现
【发布时间】: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-Sizingfloatbordermax-width 的组合。当我在我的文件系统中本地尝试时,似乎没有问题(快速)。在两个不同的网络服务器上,图像看起来会有所不同。

“普通”服务器: http://test5.topiclodge.com

慢速服务器: http://wiki.norm-konform.de/test/

我在 3 台 Mac(Safari 版本 6.0.3 和 6.0.5)上测试它

也许有解决方法或任何想法?

非常感谢!

【问题讨论】:

  • 我也得到了这个,当我有一个带有 onload 属性的图像时,它调用了一些 jquery 来调整图像的大小。它加载并可见一纳秒,然后变为空白。手动调整 Safari 窗口的大小,然后让它再次出现。我改用 CSS 方法。

标签: css safari


【解决方案1】:

WebKit 浏览器不喜欢没有添加宽度和高度属性的图像。为图像添加宽度和高度,然后重试。

【讨论】:

    猜你喜欢
    • 2019-06-17
    • 2011-09-18
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2010-12-21
    • 1970-01-01
    • 1970-01-01
    • 2015-10-26
    相关资源
    最近更新 更多