代码笔记

适应同品牌尺寸手机的@media参数

阅读

/* iphone5&5s */

@media (device-height:568px) and (-webkit-min-device-pixel-ratio:2){ }
@media only screen and (max-device-width :480px){ }
@media only screen and (min-device-width :481px){ }

/*iphone6*/
@media (min-device-width : 375px) and (max-device-width : 667px) and (-webkit-min-device-pixel-ratio : 2){ }

/*iphone6p*/
@media (min-device-width : 414px) and (max-device-width : 736px) and (-webkit-min-device-pixel-ratio : 3){ }

/*魅族*/
@media only screen and (min-device-width :1080px) and (-webkit-min-device-pixel-ratio : 2.5){ }

/*mate7*/
@media only screen and (min-device-width :1080px) and (-webkit-min-device-pixel-ratio : 3){ }

/*4 4s*/
@media only screen and (device-height :480px) and (-webkit-device-pixel-ratio:2){ }



推荐阅读

Web端高dpi图片适配方案
Web端高dpi图片适配方案...
用jquery刷新当前页面方法
用jquery刷新当前页面方...
记录Meta http-equiv属性详解
记录Meta http-equiv属性详...
用CSS3的rem设置字体大小
用CSS3的rem设置字体大小...