他の誰かがこの問題の経験を持っているかどうか疑問に思っています。私はレスポンシブ ビルドに取り組んでいます。これは、Nexus 4 と Nexus 7 以外のすべてで正常に動作します。どちらのブラウザも、少量の水平スクロールでページをレンダリングします。コードを 2 つの div に戻しても、まだ間違ってレンダリングされるため、本体や親コンテナーが「重複」しているものは何もありません。それは私を狂わせています！
これは単純なコードですが、私が話している効果を確認するには、このコードを実際のページで表示する必要があります。
メタ ビューポート タグ。
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
CSS;
body, html, div { margin:0; padding:0; }
.outer { background:grey; width:100%; }
.inner { background:silver; height:10em; max-width:10em; margin:0 auto; }
そしてHTML;
<div class="outer">
<div class="inner">
<p>Test Content</p>
</div>
</div>
シンプルすぎて何がなんだかわからない！ヘルプ！