web app常用 meta

最新推荐文章于 2024-05-23 17:48:49 发布

weixin_33971130

最新推荐文章于 2024-05-23 17:48:49 发布

阅读量51

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/bweb/p/4705394.html

本文介绍了如何使用meta标签实现移动端网页的适配，包括固定页面宽度比例、全屏模式、状态栏样式设置、防止数字被识别为电话号码及阻止Android平台识别邮箱地址等技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >


1.强制让文档的宽度与设备的宽度保持1:1，并且文档最大的宽度比例是1.0，且不允许用户点击屏幕放大浏览
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">     

2.safari私有meta标签，表示：允许全屏模式浏览
<meta content="yes" name="apple-mobile-web-app-capable">     

3.safari私有meta标签，表示：safari顶端的状态条的样式（默认是白色）可以定为black（黑色）

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

4.忽略将页面中的数字识别为电话号码
<meta content="telephone=no" name="format-detection"> 

5.不让android识别邮箱
<meta name="format-detection" content="email=no" />

转载于:https://www.cnblogs.com/bweb/p/4705394.html