1. 页面滑动不流畅,一般是在盒子使用了 overflow: auto || scroll 后出现 body { -webkit-overflow-scrolling: touch; overflow-scrolling: touch; } 2. 点击按钮或超链接之类的 默认灰色背景色 -webkit-tap-highlight-color: rgba(0, 0, 0, 0) 3. 固定定位元素抖动 html, body { height: 100%; overflow: auto; } 4. 隐藏scroll滚动条 ::-webkit-scrollbar { display: none; } 5. 最简单的rem自适应 众所周rem是的值是根据根元素的字体大小相对计算的,而每个设备的大小不一样,所以,根元素的字体大小要动态设置: html { font-size: calc(100vw / 3.75); } body { font-size: . 14rem; } 6. 屏幕旋转为横屏时,字体大小会变 * { -webkit-text-size-adjust: 100%; } 7. 调用设备系统的某些功能 <!-- 拨号 --> < a href= " tel:10086 ">打电话给: 10086 </ a> <!-- 发送短信 -