移动端开发注意事项

移动端开发注意事项

1、强制文档宽度和设备宽度比例为1:1禁止用户点击放大

<meta content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0" />

2、iphone设备中的safair私有meta标签:允许全屏模式浏览

<meta content="yes" name="apple-mobile-web-app-capable" />

3、iphone设备中safiar私有meta标签：指定safiar顶部状态栏的样式

<meta content="black" name="apple-mobile-web-app-status-bar-style" />

4、告知设备忽略将页面数字识别为电话号码

<meta content="telephone=no" name="format-detection" />

5、告知android设备忽略识别邮件地址,ios不支持

<meta content="email=no" name="format-detection" />

6、移动端去除输入url的控件条

setTimeout(scrollTop, 0, 0, 0)

本句必须放在window.onload中方可生效，且文档高度必须高于窗口高度
7、检测ios用户通过主屏启动你的webapp
navigator.standalone属性，该属性值为false时，是从浏览器直接访问站点；该值为true时则是从主屏启动
8、关闭iOS首字母自动大写
在input中使用autocapitalize="off"关闭自动大写

参考来源https://www.cnblogs.com/benpao/p/3383272.html