您的位置:首页 > 其它

常见的媒体查询自适应分辨率区间

2018-04-02 11:41 344 查看
@charset "utf-8";
/* CSS Document */

/*手机总体*
4000
/
@media screen and (max-device-width: 1025px) {
body{background:blue;}
}
/*pc总体*/
@media screen and (min-device-width: 1026px) {
body{background:red;}
}
/*5*/
@media screen and (min-device-width: 300px) and (max-device-width: 373px) {

}
/*6*/
@media screen and (min-device-width: 374px) and (max-device-width: 412px) {

}
/*plus*/
@media screen and (min-device-width:413px) and (max-device-width: 767px) {

}

/*ipad*/
@media screen and (min-device-width:768px) and (max-device-width: 1025px) {

}
/*1280 1366*/
@media screen and (min-device-width: 1026px) and (max-device-width: 1367px) {

}
/*1920*/
@media screen and (min-device-width: 1368px) and (max-device-width: 1440px) {

}
/**/
@media screen and (min-device-width: 1441px) {

}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: