8

メディア プロパティに基づいて、HTML ファイルで別のスタイルシートを使用する方法はありますか? メソッドがメディア タイプを取ることは知っていlinkますが、私が見つけたすべての参照は、拡張クエリではなく、メディア タイプのみを示しています。また、1 つだけが選択されるようにする方法と、どれが選択されるかについてもわかりません。

基本的に、現在の CSS ファイルには、次のようなメディア セクションがあります (参照用に単純化されています)。

@media (min-device-pixel-ratio: 1.5) {
  specific-media-rules
}

私が望むのは、このセクションと他のメディア用の非常に類似したセクションを持つ代わりに、2 つの異なるファイルを提供することです。

4

1 に答える 1

22

はい。例としては、次のようなものがあります: 画面の幅に応じて異なる CSS ファイル (携帯電話用、小型タブレット用) を使用したい場合、次のようにすることができます。

<link rel="stylesheet" media='screen and (min-width: 140px) and (max-width: 380px)' href="phone.css"/>
<link rel="stylesheet" media='screen and (min-width: 381px) and (max-width: 700px)' href="tablet.css"/>

ただし、各スタイルシートの要件が同じではないことを確認する必要があることに注意してください (たとえば、上記の両方のスタイルシートの最小幅と最大幅が同じ場合)両方が適用されます。

于 2013-02-28T15:01:14.750 に答える