1

質問: css @media を使用して 1024x600 未満のすべての画面をターゲットにするにはどうすればよいですか?

すべての小さなモニター画面で、overflow-x:scroll を使用するように指示する必要があります。

コンテキスト: HTML タグと BODY タグの両方で次の CSS ルールを使用する必要がありました。

オーバーフロー-x:非表示!重要;

(そうしないと、特定のアニメーションにより、見苦しい水平スクロールバーがページに表示されます。)

しかし今、小さな画面を使用してサイトを表示する場合、ユーザーがページを横にスクロールできると便利です。

これを行う css スニペットを探し続けますが、サイトが公開されたばかりで、大量のトラフィックに見舞われようとしているため、これを投稿しています。

4

1 に答える 1

2

私はすぐに答えを見つけました (http://www.javascriptkit.com/dhtmltutors/cssmediaqueries.shtml) が、これをオンラインでテストする方法を理解する必要があります。

/* CSS that's applied when the viewing area's width is 800px or less */
@media screen and (max-width: 800px){
  html{
  overflow-x:auto !important;
  }
  body{
  overflow-x:auto !important;
  }
}

testsize.comにはスクロールバーが表示されないため、これが実際に機能するかどうかをどこでテストしますか（そして、それが彼らの制限なのか私自身のものなのかわかりません）。

于 2012-11-21T10:31:15.667 に答える