媒体查询

发布时间:2020-03-26 05:47:15 来源:51CTO 阅读:239 作者:菜鸟不菜么

/媒体查询,参考部分Bootstrap 框架/
/当页面大于1200px 时,大屏幕,主要是PC 端/
@media (min-width: 1200px) {

}
/在992 和1199 像素之间的屏幕里,中等屏幕,分辨率低的PC/
@media (min-width: 992px) and (max-width: 1199px) {

}
/在768 和991 像素之间的屏幕里,小屏幕,主要是PAD/
@media (min-width: 768px) and (max-width: 991px) {

}
/在480 和767 像素之间的屏幕里,超小屏幕,主要是手机/
@media (min-width: 480px) and (max-width: 767px) {

}
/在小于480 像素的屏幕,微小屏幕,更低分辨率的手机/
@media (max-width: 479px) {

}

本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

免费拨打  400 100 2938 免费拨打 400 100 2938
24小时售后技术支持 24小时售后技术支持
返回顶部 返回顶部