異なるメディアクエリの異なるCSSファイル

Question

メディアファイルのプロパティに基づいてHTMLファイルに異なるスタイルシートを使用させる方法はありますか？私はlinkメソッドがメディアタイプを取ることを知っていますが、私が見つけるすべての参照は、拡張クエリではなく、メディアタイプを示しています。私はそれが確実に1つだけが選択され、どれが確実に選択されるのかも分かりません。私が好きなことは、その代わりに、このセクションおよび他のために非常に類似した断面を有するのである

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

：

は基本的に私の現在のCSSファイルで私は（ちょうど参考のために簡略化され）、このようなメディアセクションを持っていますメディアは2つの異なるファイルを提供することです。

Answer 1

はい。 、しかし

<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"/> 

注：画面幅（携帯電話用、小型タブレットのための1）に応じて、異なるCSSファイルを使用したいとあなたがそのようなようなので、行うことができます：この例では、次の可能性それぞれのスタイルシートの要件が同じではないことを確認する必要があります（上記の両方のスタイルシートが同じ最小幅と最大幅を持つ場合）が適用されます。