1

次のようにヘッドでメディアクエリを宣言することは可能ですか:

<link href="css/style-mobile.css" rel="stylesheet" type="text/css" media="all and (max-width: 736px)" />

次に style-mobile.css 内で、次のように別のメディア クエリを宣言します。

@media only screen and (min-width: 408px) {

   .topnav-masters {
       width: 29%;
       padding: 13px 2%;
   }

}

私はこの質問に対する答えを見つけることができず、最初の実験では、それはできないと思わせたようです。他の誰かがこれに出くわしましたか?

これは奇妙な使用例であり、私は通常、サイトをモバイル ファーストでレスポンシブに構築しており、この問題はありません。ただし、この場合、Web サイトには既に別のモバイル Web サイトがあり、レスポンシブであることだけを望んでいます。巨大な CSS ファイルをまとめてマージする必要がないように、適切なポイントに含めるだけで時間を節約しようとしていました。ただし、他の画面サイズでは CSS を微調整する必要があるため、これを試しています。

4

2 に答える 2

0

はい、可能ですが、可能であればスタイルシートに含めることをお勧めします。また、レスポンシブ デザインでは、ems を使用するのが最適です。

于 2013-07-08T21:07:51.597 に答える