英特网校

常用的响应式布局参数的界定

/*当页面大于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){


}


评论中心

登录后可评论,请 登录 注册