私の問題を説明するために、次のフィドルを見てください: http://jsfiddle.net/ECaD6/
中央 (濃い灰色) の領域がページのメイン コンテンツであるこの Web ページを作成したとします。このコンテンツ領域の背景は、コンテンツを含まないコンテナの側面とは意図的に異なる色になっています。
意図したコンテンツ領域の境界の外にあるように、画像を完全に配置しました。これは機能し、デスクトップ ブラウザーで適切に表示されます。
ただし、モバイル ブラウザーで表示する場合、ユーザーはページをズームアウトして、次のように表示できます。
ブラウザーがコンテンツ コンテナーと同じ幅だけズームアウトできるようになればいいのにと思います。これは可能ですか？overflow-x:hidden私は明らかに上に置くことができましたdivが、実際にはサッカーボールを完全に切断してしまいます.
モバイル ブラウザがここまでズームアウトできればいいのですが。
技術的には、画像 (この場合) はコンテンツ div にあるため、「コンテンツ」の一部であることはわかっています。私が探しているものを達成するために使用できるレイアウトやCSSのトリックがあるかどうか疑問に思っています。