Css Block

Meta 标签

初始化

将可视区域的宽度设置为设备宽度，同时禁止用户缩放，缩放值限制为 1，这段代码为移动端常用代码。

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

关闭电话自动识别

输入内容为电话号码格式时，将不再弹出相关提醒。

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

关闭邮箱自动识别

输入内容为邮箱格式时，将不再弹出相关提醒。

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

全屏模式

Safari 开启全屏模式，去掉地址栏和状态栏。

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

设置 Safari 添加页面到主屏后的标题

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

设置状态栏颜色

仅在全屏模式下生效

<!-- 默认值，white -->
<meta name="apple-mobile-web-app-status-bar-style" content="default"/>
<!-- 黑色 -->
<meta name="apple-mobile-web-app-status-bar-style" content="black"/>
<!-- 灰色半透明 -->
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
1
2
3
4
5
6

强制竖屏

仅针对 QQ 和 UC 内核浏览器

<!-- UC 强制竖屏 -->
<meta name="screen-orientation" content="portrait">
<!-- QQ 强制竖屏 -->
<meta name="x5-orientation" content="portrait">
1
2
3
4

禁止百度转码显示

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

添加智能 App 广告条 Smart App Banner

<meta name="apple-itunes-app" content="app-id=AppStoreID, affiliate-data=AffiliateData, app-argument=URL"/>
1

← Media 媒体查询 →