手机端开发手机开发「手机端开发」
meta基础知识
H5页面窗口自动调整到设备宽度，并禁止用户缩放页面
<meta name="viewport"
content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"
/>
忽略将页面中的数字识别为电话号码
<meta name="format-detection" content="telephone=no"
/>
忽略Android平台中对邮箱地址的识别
<meta name="format-detection" content="email=no" />
当网站添加到主屏幕快速启动方式，可隐藏地址栏，仅针对ios的safari
< meta name="apple-mobile-web-app-capable" content="yes"
/>
< !-- ios7.0版本以后，safari上已看不到效果 -->
将网站添加到主屏幕快速启动方式，仅针对ios的safari顶端状态条的样式
<meta name="apple-mobile-web-app-status-bar-style"
content="black" />
< !-- 可选default、black、black-translucent -->
viewport模板
1.<!DOCTYPE html>
2.<html>
3.<head>
4.<meta charset="utf-8">
5.<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport">
6.<meta content="yes" name="apple-mobile-web-app-capable">
7.<meta content="black" name="apple-mobile-web-app-status-bar-style">
8.<meta content="telephone=no" name="format-detection">
9.<meta content="email=no" name="format-detection">
10. <title>标题</title>
11. <link rel="stylesheet" href="https://www.cnblogs.com/zzhp/p/index.css">
12. </head>
- 13.
14. <body>
15. 这里开始内容
16. </body>
- 17.
18. </html>
- 19.
图木舒克版权声明：本网信息来自于互联网，目的在于传递更多信息，并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益，请及时联系我们，本站将会在24小时内处理完毕，E-mail：xinmeigg88@163.com