0

さまざまな画面解像度 (例: 1600x1200、1366x768 など) の Web サイトをターゲットにしたいと考えています。

HTML5 ページのスタイルシート リンクでメディア属性を使用し、jquery/javascript メソッドを使用して取得したのと同じ動作を実装する方法はありますか? 以下に示すようなもの：

<link href="/css/layout.css" media="screen and (device-height:768px)" rel="stylesheet" type="text/css">
<link href="/css/layout1600x1200.css" media="screen and (device-height:1200px) and (device-width:1600px)" rel="stylesheet" type="text/css">

クライアントの解像度が上記のメディア クエリの条件と一致しない場合に備えて、デフォルトの css ファイルを読み込む必要もあります。

4

1 に答える 1

2

画面に基づいてマスターcssファイル内でこれを行うことができます

@media screen and (max-width: 960px) 
{
   /* your imports */
   @import url('/css/styles1.css');
   @import url('/css/styles2.css');
}
于 2012-11-30T06:47:33.090 に答える