私はページを作成しています@[リンクが削除されました]
上部のヘッダーは、ワイドモニターに対応するために非常に大きくなっています（1600px）。ヘッダーを100％の幅に設定しても、回転によって奇妙な効果が生じるため、機能しません。
本文のoverflow-xを非表示に設定して、水平スクロールバーが表示されないようにしました。レイアウトは、通常のコンピューター解像度に対応している必要があります。
問題は、携帯電話など、解像度が非常に低いデバイスからアクセスした場合、またはブラウザウィンドウのサイズを変更した場合です。この場合、水平スクロールを使用すると非常に便利ですが、画像が表示されるのに十分なだけスクロールする必要があり、それ以上はスクロールしないでください。
これは意味がありますか？明確にする必要があることを教えてください...
本体とヘッダーでmin-widthとoverflow-xの組み合わせを試しましたが、うまくいく解決策が見つからないようです。
ありがとう！ジェフ
<link rel="stylesheet" media="handheld" href="%%%.css" type="text/css" />ハンドヘルドデバイスをターゲットにするために使用し、ハンドヘルドスタイルシートでにを設定overflow-xしautoます。または、JavaScriptを使用して、screnresに基づくスタイルシートをロードします
<script type="text/javascript">
if (screen.width < 1024)
</script>
私の答えは0x60の答えを補完するものです。
画面の幅を検出するには、JavaScript の代わりに CSS メディア クエリを使用することをお勧めします。
例えば：
@media only screen
and (min-device-width: 320px)
and (max-device-width: 480px){
/* Styles */
...
}
これらの記事をチェックしてください：