Created
February 24, 2015 03:38
-
-
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
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!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