兼容苹果4，苹果5

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了兼容苹果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

以上是关于兼容苹果4，苹果5的主要内容，如果未能解决你的问题，请参考以下文章