微信H5开发

时间:2021-12-18 04:19:03

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系统绑定点击事件无效解决方案

微信H5开发

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

微信H5开发