css - 兼容适配坑点总结（。。。）

1. transform为代表的这些css3属性一定要写-webkit-,不然低版本（目前遇到的是8）的苹果，不支持。

2. x的适配

/* x */
@media only screen and (device-width:375px) and (device-height:812px) and (-webkit-device-pixel-ratio:3) {}

 

N. 华为荣耀6的css适配：

 在ua组件的基础上：

ua().system.android == 6 && ua().ua.indexOf("HDH60-L02") > -1