私は現在、レスポンシブ デザイン サイトのプロトタイプに取り組んでいます。これまでのところとても良いのですが、Chrome でしか再現できない本当に奇妙なことが 1 つあります。ウィンドウを展開すると、ブラウザーが状態の間でトラップされ、要素が重複して表示され、2 つのスクロールバーが表示されることがあります。つまり、ブラウザー ウィンドウの外側のどこかをクリックするまで、すべてが再描画され、問題なく表示されます。スクリーンショット:
body要素のパディングの変更、scrollYの位置の変更、その他約10個ほどの変更など、クロムがプログラムでインターフェイスを「再ジグ」するために、たくさんの「トリック」を試しましたが、何もしないようですトリック。誰もこれについて経験がありますか？何かアドバイス？
Retina ディスプレイ Mac と別の外部ディスプレイが接続されていると思いますか? これは私のセットアップで時々見られ、暫定的にこの状況に絞り込みました。ネイティブ画面だけを使用している場合、すべての画面構成で表示されるわけではありません。
ビルトインスクリーンのみを使用した場合に発生するかどうか試してみてください。それが機能する場合は、どの画面をメイン画面にするか、別の外部画面に完全に切り替えてみてください。
修正できなくて申し訳ありませんが、少なくともセットアップの解決策に近づくかもしれません.
<head>タグの直後にこれを追加してみてください
<meta name="viewport"
content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
競合が発生した場合に備えて、インストールされているプラグインを確認することをお勧めします。Google のフォーラムを見ると、この問題は以前に発生しており、バグ修正が予定されていました。そこを読んでいると、javascript によるブラウザウィンドウのサイズ変更のサポートも削除されていることに気付きました:/