//禁止屏幕缩放强制文档宽度与設备宽度1:1，防止ios因缩放出现滚动条导致定位bug

//iphone私有标签允许全屏浏览
//標题头部的颜色 必须配合全屏才生效

ios 横屏时会重置字体大小

移动端双击缩放、双击滚动等移动端浏览器默认的行为设置，使得用户再执行這些操作时会先判断用户是否触发默认行为的判断，导致移动端点击事件存在300ms的等待

• 1、禁用缩放用户无法缩放

• 2、设置视口宽度，识别網站的适配禁用浏览器默认的双击缩放行为，用户仍可自己缩放

//该元素上的操作不会触发用户代理的任何默认行为就无需进行300ms的延迟判断

在检测到touchend事件的时候，会通过DOM自定义事件立即出发模拟一个click事件并把浏览器在300ms之后真正的click事件阻止掉。脚本比较大

iOS 系统中文输入法輸入英文时字母之间可能会出现一个六分之一空格

iphone 点击按钮，屏幕闪动问题

点击一个链接或者通过Javascript定义的可点击元素的时候它就会出現一个半透明的灰色背景

ios css属性去除默认样式

-webkit-appearance: none; //消除输入框和按钮的原生外观，在iOS上加上这个属性才能给按钮和输入框自定义样式 

执行动画可能会导致页面卡顿

在特定元素使用transform启动GPU硬件加速

• 值为 auto : 使用普通滚动, 当手指从触摸屏上移开滚动会立即停止。
• 值为 touch : 使用具有回弹效果的滚動, 当手指从触摸屏上移开内容会继续保持一段时间的滚动效果。继续滚动的速度和持续的时间和滚动手势的强烈程度成正比同时也会創建一个新的堆栈上下文。

项目组同事偷懒直接全局设置导致ios浏览器下滚动直接卡死，该属性要慎用

在使用了定位元素（不管是相对定位、绝对定位、固定定位）添加-webkit-overflow-scrolling: touch也会存在滚动几次后可滚动区域会卡主，不能在滑动；这时给元素增加个z-index值

5. 固定定位滚动容器的内容動态添加，ios下不滚动

固定定位区域内加一个div作为滚动区域 ；并设置position: static；滚动容器内的子元素height+1

另外，以上方法解决不了的情况下那我们就呮能乖乖的使用isScroll.js第三方插件，实现页面内部滚动

1. 固定定位元素随着页面的滑动而抖动问题

问题产生的原因是因为fixed元素在页面滚动时属性值變为absolute在页面停止滚动瞬间，才恢复fixed

2. ios 软键盘弹出导致定位元素失效

其实本质上是一样 当fixed 元素的父级不出现滚动，这个问题也基本不存在