メディア検索学習ノート

コンセプト
レイアウトビューポート(layout viewport):ページ内容のサイズビジュアルビューポート(visual viewport):デバイスの画面サイズは、スケールに応じてダイナミックに理想ビューポート(ideal viewport):デフォルト幅は960 px程度で、が設定されていると仮定すると、ビューポートはレイアウト適口に等しいと考えられます
くり

@media only screen and(minwidth){
}

@media代表メディアクエリーonlyを有効にする役割は、メディアクエリーをサポートしていない古いブラウザバージョンに対して、ブラウザに{}に書かれたスタイルを無視させるため、@media only screenは古いブラウザで@media onlyと認識され、ブラウザはonlyというデバイスを見つけることができないため、括弧の中のスタイルは適用されません.メディアクエリーをサポートするブラウザでは@media only screenが@media screenと認識され、正常に通過します.