@media用法まとめ

基本的な書き方

    2：

@media mediaType and|not|only (media feature) {
     /*CSS-Code;*/
}
    2：      JS
  IE8    HTML5    CSS3 @media ，          JS  ，              ：

メディアタイプ(mediaType)
allはすべてのマルチメディアタイプのデバイスprintに使用され、プリンタscreenに使用され、パソコンの画面、タブレット、スマートフォンなどに使用されます.speechスクリーンリーダー用
スクリーンアダプタ

@media screen and (min-width: 1200px) {
        css-code;
}
@media screen and(min-width: 960px) and (max-width: 1199px) {
        css-code;
}
@media screen and(min-width: 768px) and (max-width: 959px) {
        css-code;
}
@media screen and(min-width: 480px) and (max-width: 767px) {
        css-code;
}
@media screen and (max-width: 479px) {
        css-code;
}