微信H5开发

1，line-height  不垂直居中

解决方法：用padding写高度

2,手指滑动事件    touchmove

3,页面滚动事件：touchmove

4，要写不同手机适配的基数font-size

5。重置页面高度

window.addEventListener('resize',function() {
document.getElementsByTagName('body')[0].style.height = window.innerHeight+'px';
})

6,手机长按复制

* {
-webkit-touch-callout:none; /*系统默认菜单被禁用*/
-webkit-user-select:none; /*webkit浏览器*/
-khtml-user-select:none; /*早期浏览器*/
-moz-user-select:none;/*火狐*/
-ms-user-select:none; /*IE10*/
user-select:none;
}
textarea,
input {
-webkit-user-select:auto; /*webkit浏览器*/
}

6，ios点击灰色底框

-webkit-appearance: none;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);

7，移动端img自适应问题

设置img的宽度或者高度

8,ios11以下版本flex布局兼容性问题

9,ios系统绑定点击事件无效解决方案

 

10，ios9下图片加载卡顿异常，解决方案，自动触发一个页面操作事件，比如点击事件

 

转载于:https://www.cnblogs.com/shmily-code/p/8610859.html