本文作者:问几许

移动端 | IOS兼容问题

问几许 3年前 ( 2019-05-31 ) 1504 抢沙发
移动端 | 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;


文章版权及转载声明

作者:问几许本文地址:https://wenjixu.com/blog/121.html发布于 3年前 ( 2019-05-31 )
文章转载或复制请以超链接形式并注明出处问几许

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

阅读
分享

发表评论

快捷回复:

评论列表 (暂无评论,1504人围观)参与讨论

还没有评论,来说两句吧...