1

「zurb Foundation」の問題を次の最小限のコードに減らしました。Safari でそのコードを使用して Web サイトを開くと、すべての画像が読み込まれないことがあります。何もない場合もあれば、1 つまたは 2 つだけの場合もあります。ブラウザウィンドウのサイズを変更すると、失われたすべての画像が表示されます。

<!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。ファイルシステムでローカルに試してみると、問題はないようです（高速）。2 つの異なる Web サーバー上で、画像が異なって表示されることがあります。

「通常」サーバー: http://test5.topiclodge.com

スローサーバー： http ：//wiki.norm-konform.de/test/

3 台の Mac (Safari バージョン 6.0.3 および 6.0.5) でテストしました

たぶん、回避策やアイデアはありますか？

どうもありがとう！

4

1 に答える 1

0

WebKit ブラウザーは、幅と高さの属性が追加されていない画像を好みません。画像に幅と高さを追加して、もう一度お試しください。

于 2013-07-19T17:26:51.520 に答える