@media用法まとめ
1034 ワード
基本的な書き方
メディアタイプ(mediaType)
allはすべてのマルチメディアタイプのデバイスprintに使用され、プリンタscreenに使用され、パソコンの画面、タブレット、スマートフォンなどに使用されます.speechスクリーンリーダー用
スクリーンアダプタ
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;
}