0

独自の Web サイトを構築するために、いくつかの Web サイトを見てきましたが、特定のパーセンテージを超えてズームインすると、Web サイトがモバイル表示をエミュレートすることに気付きました。水平スクロールバーは表示されず、すべてがページに収まり、ページの長さだけが増加します。

Web サイトの例をいくつか示します - https://generalassemb.ly/、http://learnlayout.com/、http://dev.opera.com/

彼らがこれをどのように実装するかはわかりませんが、これは彼らの設計であり、Web で説明を検索しました。

可能であれば、CSS の例を示して説明していただけますか?

ありがとう

4

1 に答える 1

1

これはズームとは関係ありませんが、ウィンドウの現在の幅とは関係ありません (少なくともあなたの例では、ブラウザのウィンドウを小さいサイズに変更すると同じことが起こります)、CSS メディアクエリを使用して条件を適用する可能性が最も高いです幅に応じたスタイル。

サンプル (最初の Google 結果http://css-tricks.com/css-media-queries/から)

@media all and (max-width: 699px) and (min-width: 520px), (min-width: 1151px) {
  body {
    background: #ccc;
  }
}
于 2013-07-17T14:57:45.590 に答える