移动网站要加的html5相关meta和标签,H5网页手机端自适应设置

1.   强制让文档的宽度与设备的宽度保持1:1,并且文档最大的宽度比例是1.0,且不允许用户点击屏幕放大浏览。

<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no"/>

2.   WebApp全屏模式   隐藏地址栏。

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

3.   禁止百度转码显示。

<meta http-equiv="Cache-Control" content="no-siteapp">

4.   制定iphone中safari顶端的状态条的样式(default:白色,black:黑色,black-translucent:半透明)

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

扫描二维码关注公众号,回复: 9937335 查看本文章

5.    添加到IOS主屏后的标题。

<meta name="apple-mobile-web-app-title" content="标题名称">

6.    html5 ios中忽略将数字变为电话号码

name 属性的 format-detection 值(忽略页面中的数字识别为电话号码)

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

发布了18 篇原创文章 · 获赞 10 · 访问量 5万+

猜你喜欢

转载自blog.csdn.net/a350110085/article/details/90769495