media媒体查询主要尺寸介绍

                /*大屏幕，主要是 PC 端*/

@media (min-width: 1200px) {

body{

background: red;

}

}

/*在 992 和 1199 像素之间的屏幕里，中等屏幕，*/

@media (min-width: 992px) and (max-width: 1199px) {

body{

background: blue;

}

}

/*小屏幕，主要是 PAD*/

@media (min-width: 768px) and (max-width: 991px) {

body{

background: yellow;

}

}

/*超小屏幕，主要是手机*/

@media (min-width: 480px) and (max-width: 767px) {

body{

background: green;

}

}

/*微小屏幕，更低分辨率的手机*/

@media (max-width: 479px) {

body{

background: gray;

}

}

远近互联前端小华整理发布，希望能对学习技术的你有所帮助

远近互联专业提供网站建设、APP开发、网站优化、外贸网站SEO、微信运营的品牌整合营销服务让客户通过网络品牌建立与网络传播提高业绩。