4

iPad の Safari で非常に奇妙な動作が発生しています。

再スケーリングされ、向きが変わると位置が変わる大きな画像があります。これはおそらく重要ではありませんが、ポートレートでは問題なく、ランドスケープでは「壊れています」. これがどのように壊れているかです:

横方向に大きなストライプが走っています。CSS を適用すると、ストライプ (通常は約 40 ピクセルの高さで、画像を水平に横切る) を通してコンテナー要素を見ていることがわかります。

さらに困惑させるために、コードをデスクトップに接続し、デスクトップ Safari の Web インスペクターを使用してコードを検査しようとすると、次のようになります。要素または近くの要素を検査すると、画像が正しくレンダリングされます。 iPadで発射されました。変。

さらに、(私の知る限り) JS がリッスンしているイベントを発生させずに、ページに触れるだけで画像は通常正しくレンダリングされます。

ああ、これは iOS を 6.0 から 6.1 にアップデートした後に起こり始めました。

私は Safari 8536.25 で iOS 6.1.2 を使用しています。

私は完全に途方に暮れています。ここで誰かが私を正しい方向に向けることができますか?

4

1 に答える 1

6

そして、この質問と答えから見つけた答え:

iPad Safari のスクロールにより、HTML 要素が表示されなくなり、遅れて再表示される

*:not(html) {
    -webkit-transform: translate3d(0, 0, 0);
}

わかりませんが、うまくいきます。

于 2013-03-19T15:08:51.973 に答える