移动端下开发问题总结

发表于 | 阅读次数

ios端微信浏览器会给input框加上自带的样式，例如圆角和内阴影。是因为-webkit-appearance这个属性的影响

解决：给input添加以下样式

1
2
3
4
5
input {
    appearance: none;
    -webkit-appearance: none; /* safari */
    -moz-appearance: none;
}

ios微信端下z-index被transform属性影响

去掉transform属性

iOS的弹性滑动属性-webkit-overflow-scrolling: touch会导致z-index属性失效

去掉-webkit-overflow-scrolling???