工作了有一段时间，基本上都在搞移动端的前端开发，工作的过程中遇到过很多问题，bug的解决方案，记录下来，以便后用！！！内容并不是很全，以后每遇到一个问题都会总结在这里，沛县网站建设分享给大家！
一、meta标签相关知识
1、移动端页面设置视口宽度等于设备宽度，并禁止缩放。
| 1 | name = "viewport" content = "width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /> |
2、移动端页面设置视口宽度等于定宽（如640px），并禁止缩放，常用于微信浏览器页面。
| 1 | name = "viewport" content = "width=640,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /> |
3、禁止将页面中的数字识别为电话号码
| 1 | name = "format-detection" content = "telephone=no" /> |
4、忽略Android平台中对邮箱地址的识别
| 1 | name = "format-detection" content = "email=no" /> |
5、当网站添加到主屏幕快速启动方式，可隐藏地址栏，仅针对ios的safari
| 1 2 | name = "apple-mobile-web-app-capable" content = "yes" /> |
6、将网站添加到主屏幕快速启动方式，仅针对ios的safari顶端状态条的样式
| 1 2 | name = "apple-mobile-web-app-status-bar-style" content = "black" /> |
viewport模板
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | charset = "utf-8" > content = "width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name = "viewport" > content = "yes" name = "apple-mobile-web-app-capable" > content = "black" name = "apple-mobile-web-app-status-bar-style" > content = "telephone=no" name = "format-detection" > content = "email=no" name = "format-detection" >  扫二维码与项目经理沟通我们在微信上24小时期待你的声音 如有侵权需要删除文章请联系我 小宇宙是一家以提供网站建设、网站优化、APP开发、小程序开发、网络营销推广为主的互联网开发公司。以客户需求为导向，客户利益为出发点，结合自身设计及专业建站优势，为客户提供从基础建设到营销推广的一整套解决方案，探索并实现客户商业价值较大化，为所有谋求长远发展的企业贡献全部力量。 Let\'s get in touch!,login get more service.我们将艺术与技术相结合，用创意和设计为客户创造商业价值，创造优秀的产品及服务体验！登陆之后可以获得更多的私人定制服务 |
网站建设
品牌设计
APP开发
小程序开发
商城开发
网站优化
UI设计
增值服务
