移动端meta整理
<!doctype html>
<html>
<head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /><!-- 默認使用最新瀏覽器 --><meta http-equiv="Cache-Control" content="no-siteapp" /><!-- 不被網頁(加速)轉碼 --><meta name="robots" content="index,follow"/> <!-- 搜索引擎抓取 --><meta name="renderer" content="webkit" /><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui" /><meta name="apple-mobile-web-app-capable" content="yes" /><!-- 刪除蘋果默認的工具欄和菜單欄 --><meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" /><!-- 設置蘋果工具欄顏色 --><meta name="apple-mobile-web-app-title" content="數胎動" /><!-- 添加到主屏后的標題（iOS 6 新增） --><meta name="apple-touch-fullscreen" content="yes" /><meta name="apple-itunes-app" content="app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL"><meta name="msapplication-TileColor" content="#000"/> <!-- Windows 8 磁貼顏色 --><meta name="msapplication-TileImage" content="icon.png"/> <!-- Windows 8 磁貼圖標 --><meta name="screen-orientation" content="portrait" /><!-- uc強制豎屏 --><meta name="full-screen" content="yes" /><!-- UC強制全屏 --><meta name="browsermode" content="application" /><!-- UC應用模式 --><meta name="x5-orientation" content="portrait" /><!-- QQ強制豎屏 --><meta name="x5-fullscreen" content="true" /><!-- QQ強制全屏 --><meta name="x5-page-mode" content="app" /><!-- QQ應用模式 --><meta name="format-detection" content="telephone=no, address=no, email=no" /><!-- 忽略頁面中的數字識別\email識別\地址識別 --><link rel="shortcut icon" type="image/ico" href="/favicon.ico"/><title>移動端示例</title><!-- css --><link type="text/css" rel="stylesheet" href="css/normal.css">
</head>
<body><div class="mask"><div class="loader"></div></div><section class="page out"></section>
</body>
</html>
更多專業前端知識，請上 【猿2048】www.mk2048.com
來自：http://yj1438.github.io
更多專業前端知識，請上 【猿2048】www.mk2048.com
總結
- 上一篇： 提高CSS文件可维护性的五种方法
- 下一篇： 基于webpack的react脚手架