リアクションレイアウト
@media
を使用して、メディア指定スタイルに従ってメディアクエリーを行います.Usage
Mobile First Method
/* 768px ~ */
@media only screen and (min-width : 768px) {
}
/* 992px ~ */
@media only screen and (min-width : 992px) {
}
/* 1200px ~ */
@media only screen and (min-width : 1200px) {
}
Non-Mobile First Method/* ~ 1200px */
@media only screen and (max-width : 1200px) {
}
/* ~ 992px */
@media only screen and (max-width : 992px) {
}
/* ~ 768px */
@media only screen and (max-width : 768px) {
}
🔖 breakpoint-変化の基点Reference
この問題について(リアクションレイアウト), 我々は、より多くの情報をここで見つけました https://velog.io/@deepbm/반응형-레이아웃テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol