92 lines
1.3 KiB
SCSS
92 lines
1.3 KiB
SCSS
|
|
|
|
//media.scss
|
|
.--box--{
|
|
width: 100%;
|
|
}
|
|
/*480px*/
|
|
/*大于*/
|
|
@media screen and (min-width: 480px) {
|
|
.--box--{
|
|
width: 95%;
|
|
margin: 0 auto;
|
|
}
|
|
}
|
|
/*小于*/
|
|
@media screen and (max-width: 480px) {
|
|
.--box--{
|
|
width: 100%;
|
|
}
|
|
}
|
|
/*880px*/
|
|
/*大于*/
|
|
@media screen and (min-width: 880px) {
|
|
.--box--{
|
|
width: 840px;
|
|
margin: 0 auto;
|
|
}
|
|
}
|
|
/*小于*/
|
|
@media screen and (max-width: 880px) {
|
|
}
|
|
|
|
/*1200px*/
|
|
/*大于*/
|
|
@media screen and (min-width: 1200px) {
|
|
.--box--{
|
|
width: 1140px;
|
|
margin: 0 auto;
|
|
}
|
|
}
|
|
/*小于*/
|
|
@media screen and (max-width: 1200px) {
|
|
}
|
|
|
|
|
|
/*1440px*/
|
|
/*大于*/
|
|
@media screen and (min-width: 1440px) {
|
|
.--box--{
|
|
width: 1380px;
|
|
margin: 0 auto;
|
|
}
|
|
}
|
|
/*小于*/
|
|
@media screen and (max-width: 1440px) {
|
|
}
|
|
|
|
|
|
|
|
// media.scss
|
|
// /*1440px*/
|
|
// /*大于*/
|
|
// @media screen and (min-width: 1440px) {
|
|
|
|
// }
|
|
// /*小于*/
|
|
// @media screen and (max-width: 1440px) {
|
|
// }
|
|
// /*1200px*/
|
|
// /*大于*/
|
|
// @media screen and (min-width: 1200px) {
|
|
|
|
// }
|
|
// /*小于*/
|
|
// @media screen and (max-width: 1440px) {
|
|
// }
|
|
// /*880px*/
|
|
// /*大于*/
|
|
// @media screen and (min-width: 880px) {
|
|
|
|
// }
|
|
// /*小于*/
|
|
// @media screen and (max-width: 880px) {
|
|
// }
|
|
// /*480px*/
|
|
// /*大于*/
|
|
// @media screen and (min-width: 480px) {
|
|
|
|
// }
|
|
// /*小于*/
|
|
// @media screen and (max-width: 480px) {
|
|
// } |