css判断iPhone样式

css 判断是iphone4s iphone5 加载不同样式

1、@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/SE */
  .class{}
}

2、ip6+的CSSmediaquery

@media (device-height:667px) and (-webkit-min-device-pixel-ratio:2){

/* 兼容iphone6、iphone7、iphone8*/

.class{}

}

@media (device-height:736px) and (-webkit-min-device-pixel-ratio:2){

/* 兼容iphone6plus、iphone7plus、iphone8plus*/

.class{}

}

@media (device-height:812px) and (-webkit-min-device-pixel-ratio:2){

/* 兼容iphoneX*/

.class{}

}

@media (max-width:460px){ .class{} } 最大宽度自己写