ブートストラップのメディアクエリをCSSファイルまたはjsファイルに保存する必要がありますか？

Question

私はスクリーンサイジングのメディアクエリを使用しています。私はHTMLドキュメントにファイルを埋め込む手助けが必要です。だから助けてくれる？

<link rel="stylesheet" href="style.css" /> //This? 
<script src="style.js"></script> //Or This? 

Answer 1

あなたのstyle.js CSSのメディアコードをstyle.cssに移動します CSSのメディアクエリは.css拡張ファイルの一部です。 .css以外の拡張子を置くべきではありません。 .resless、.sass、.scssのようなcss用のプリプロセッサツールがある日に、これらの拡張ファイルでも使用できます。

<link rel="stylesheet" href="style.css" /> 

Answer 2

もちろん、CSSファイルでのみ使用する必要があります。メディアのクエリはCSSなので

Answer 3

先に示したように、メディアクエリはCSSファイル内にある必要があります。 exempleについては

Documentation for media queries

スタイルに応じた設計のためのdiv要素：あなたがのstyle.cssファイルにそれを使用する必要がありますので

@media (max-width: 700px){ 

    div{ 
     //For smartphone 
    } 
} 
@media (min-width: 701px and max-width: 900px{ 

    div{ 
     //For tablet 
    } 
} 
@media (min-width: 901px and max-width: 1200px{ 
    div{ 
     //For small destop 
    } 
} 
@media (min-width: 1201px){ 
    div{ 
     //For large desktop 
    } 
}