移动端 | IOS兼容问题

摘要： 对自己遇到的和网络收集的Web IOS端兼容性问题及其解决方案做一个简单的归纳，给自己一个总结也是给路人的一个方便移动端开发中起很重要的Meta标签<meta ch...

对自己遇到的和网络收集的Web IOS端兼容性问题及其解决方案做一个简单的归纳，给自己一个总结也是给路人的一个方便

移动端开发中起很重要的Meta标签

<meta charset="utf-8">

<!--主要I是强制让文档的宽度与设备宽度保持1:1，最大宽度1.0，禁止屏幕缩放。-->
<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport">

<!--iphone中safari私有标签，允许全屏浏览。-->
<meta content="yes" name="apple-mobile-web-app-capable">

<!--iphone中safari私有标签，iphone顶端状态条的样式。-->
<meta content="black" name="apple-mobile-web-app-status-bar-style">

<!--禁止数字自动识别为电话号码，这个比较有用，因为一串数字在iphone上会显示成蓝色，样式加成别的颜色也是不生效的。-->
<meta content="telephone=no" name="format-detection"><!--禁止email识别--><meta content="email=no" name="format-detection">

IOS端input圆角

-webkit-appearance : none ;      //解决ios上按钮的圆角问题/
border-radius: 0;                //解决ios上输入框圆角问题/

IOS端页面滑动不流畅

-webkit-overflow-scrolling:touch;