CSS responsible web
1348 ワード
応答型Web
@media only screen and (max-width: 480px) {
body {
font-size: 12px;
}
}
@media:このキーワードはmediaクエリーを開始することを示します.
onlyscreen:어떤 디바이스에서 적용例えば、印刷したい場合はonly printと書くことができます.screenであれば、どの機器でも画面上の画面であれば適用されます.
and(max-width:480 px):media featureと呼ばれる部分です.
次のcssをどのような条件で適用するかを記入する必要があります.@media only screen and (min-width: 320px) and (max-width: 480px)
Reference
この問題について(CSS responsible web), 我々は、より多くの情報をここで見つけました
https://velog.io/@lakedaykk/CSS-responsible-web
テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol
@media only screen and (max-width: 480px) {
body {
font-size: 12px;
}
}@media only screen and (min-width: 320px) and (max-width: 480px)Reference
この問題について(CSS responsible web), 我々は、より多くの情報をここで見つけました https://velog.io/@lakedaykk/CSS-responsible-webテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol