通过 CSS3 的 Media Queries 特性,可以写出兼容iPhone4/iPhone5/iphone 6/iphone6 plus的代码:
@media (device-
height
:
480px
) and (-webkit-min-device-pixel-ratio:
2
){
.class{}
/* 兼容iphone4/4s */
}
@media (device-
height
:
568px
) and (-webkit-min-device-pixel-ratio:
2
){
.class{}
/* 兼容iphone5 */
}
@media (device-
width
:
375px
) and (-webkit-min-device-pixel-ratio:
2
){
.class{}
/* 兼容iphone 6 */
}
@media (device-
width
:
414px
) and (-webkit-min-device-pixel-ratio:
3.0
){
.class{}
/* 兼容iphone6 plus */
}
|