iPhone 6来了,html5手机wap网页如何做兼容性

作者:管理员     来源:本站     浏览数:8673     发布时间:2015-7-14 0:00:00

 iPhone 6来了,html5手机wap网页如何做兼容性

iPhone 4 依然拥有最多的用户数,不容忽视它的价值。虽然大屏手机是趋势,但我们的视觉稿应该是适配大部分的设备,目前数据上看,960*640或1136*640依然是我们设计的规格,从最多用户数的设备进行设计,大屏手机正常展现,向前兼容,向后看齐,可以解决大部分问题。
@media (device-width:375px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone 6 */
.class{}
}
@media (device-width:414px) and (-webkit-min-device-pixel-ratio:3.0){/* 兼容iphone6 plus */
.class{}
}

<<上一篇:移动用户界面设计的发展与变化下一篇:没有了>>