@media用法まとめ

1034 ワード

基本的な書き方
    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;
}