Skip to content

Instantly share code, notes, and snippets.

@earthday
Created February 24, 2015 03:38
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save earthday/9bbd5a199cbcbe77aca3 to your computer and use it in GitHub Desktop.
Save earthday/9bbd5a199cbcbe77aca3 to your computer and use it in GitHub Desktop.
The template of html5 which is copied from http://m.kissyui.com/docs/quickstart
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>KISSY MINI Mobile Demo Template</title>
<!--
width=device-width:让文档的宽度与设备的宽度保持一致,且文档最大的宽度比例是1.0
initial-scale=1:初始的缩放比例
maximum-scale=1:允许用户缩放到的最大比例(对应还有个minimum-scale)
user-scalable=no:不允许用户手动缩放
-->
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" />
<!--
telephone=no:禁止自动将页面中的数字识别为电话号码
address=no:禁止自动地址转为链接
email=no:禁止自动将email转为链接
-->
<meta name="format-detection" content="telephone=no,address=no,email=no" />
<!-- 强制将页面布局为一列 -->
<meta name="mobileOptimized" content="width" />
<!-- 申明页面是移动友好的 -->
<meta name="handheldFriendly" content="true" />
<!-- 允许用户使用全屏模式浏览 -->
<meta name="apple-mobile-web-app-capable" content="yes" />
<!-- 当用户使用全屏浏览时,将状态条设置为黑色 -->
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<link rel="stylesheet" href="your_css_url" />
</head>
<body>
<header>...</header>
<!-- your content -->
<footer>...</footer>
<script src="http://g.tbcdn.cn/kissy/m/0.2.0/mini-full-min.js"></script>
<script src="your_js_mods_url"></script>
<script>
// init mods
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment