css 兼容各类手机的写法待续

最新推荐文章于 2024-05-01 00:35:14 发布

weixin_30608503

最新推荐文章于 2024-05-01 00:35:14 发布

阅读量222

点赞数

原文链接：http://www.cnblogs.com/dhsz/p/6305696.html

版权

@media (device-height:480px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone4/4s */
.class{}
}
@media (device-height:568px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone5 */
.class{}
}

/* 上面的写法合并后 */
@media (device-height:480px) and (-webkit-min-device-pixel-ratio:2),(device-height:568px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone4/4s5/5 */ 
.class{} 
}

或者根据不同的手机 引入样式

<link rel="stylesheet" media="(device-height: 480px) and (-webkit-min-device-pixel-ratio:2)" href="iphone4.css" />
<link rel="stylesheet" media="(device-height: 568px)and (-webkit-min-device-pixel-ratio:2)" href="iphone5.css" />

转载于:https://www.cnblogs.com/dhsz/p/6305696.html