2011-12-17 13 views
3

固定幅の子を持っていても、タグ(この場合はボディタグ)をビューポートのサイズにするにはどうすればよいですか?タグをビューポートの幅にするにはどうすればいいですか?

例: http://jsbin.com/ebusov

説明:私はSafariの5に上記のリンクをロードし、私が期待される動作を参照してくださいブラウザのサイズを変更する場合。水平スクロールバーは表示されません。ビューポートをオーバーフローさせるコンテンツは隠されています。これをipadにロードすると、オーバーフローしたコンテンツが表示され、スクロールバーが発生します。

希望の結果:スクロールバーがiPadに表示されることはありません。

実際の結果:iPadや他のデバイスでは、オーバーフローするコンテンツが表示され、ユーザーは左にスクロールできます。

固定幅要素でビューポートをオーバーフローするコンテンツを非表示にするにはどうすればよいですか?

+1

は、なぜあなただ​​けのCSSメディアクエリを使用していませんか?このようにして、セットアップに応じてユーザーに最高のエクスペリエンスを提供するようにすることができます。ここでは、必要に応じて良い書き込みです:http://thinkvitamin.com/design/getting-started-and-gotchas-of-css-media-queries/ – pixeline

+0

可能な重複:http://stackoverflow.com/questions/3047337/ – bookcasey

+0

要素に表示可能なビューポートをオーバーフローさせたいが、ユーザーがレイアウトビューポート全体をスクロールできるようにしたくない。リファレンス:[2つのビューポートの話](http://www.quirksmode.org/blog/archives/2010/05/a_tale_of_two_v.html) –

答えて

0

は、あなたの体のタグでこれを試してみてください。

<body style="overflow:hidden;"> 
+0

それは彼の例が持っているものです。問題はそれを行う方法ではなく、それをiPad上でも機能させる方法です。 –

関連する問題