媒体查询
@media screen and (max-width: 767px){} @media (min-width: 768px) and (max-width: 991px){} @media screen and (min-width:992px){}
苹果4、苹果5判断
/* iphone4 */ @media screen and (device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 2){ } /* iphone5 */ @media screen and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2){ } 苹果4手机判断多用于微信动画,如果不单独设置样式,大部分会显示不全,下面一部分页面被截取, 苹果5判断多用于写rem为单位的自适应页面,当750设计图中字号为24px时,换算到苹果5上的显示字号只有10像素多,字号过小,需要单独设置为11px或者12px