0

素朴な質問で恐縮ですが、ウィンドウが小さくなったり、モバイル端末を使用する際に別のスタイルシートを使おうと思っています。ブラウザ ウィンドウを小さくしても何も起こりません。これがメディアクエリです。

<link rel="stylesheet" type="text/css" href="css.css" />
    <link rel="stylesheet" type="text/css"
     media="screen and (max-device-width:500px)"
     href="2ndCss.css" />

何もしていない理由を誰かが説明できますか？max-device width を小さくしようとしましたが、代わりに max-width に設定しようとしました。

4

1 に答える 1

4

メディア属性に何があるかを注意深くメモすると、を使用していることに気付くでしょうmax-device-width。つまり500px、メディアクエリを開始するには、物理​​デバイスの画面サイズが以下である必要があります。ブラウザのサイズを変更しても、画面の物理サイズは変わりません。

max-widthの代わりにを使用した方がよい場合がありますmax-device-width。

于 2012-12-18T03:48:49.213 に答える