Skip to content

Instantly share code, notes, and snippets.

@cssoul

cssoul/gist:26516614e724af40c195

Created July 15, 2014 06:54
Show Gist options
  • Save cssoul/26516614e724af40c195 to your computer and use it in GitHub Desktop.
Save cssoul/26516614e724af40c195 to your computer and use it in GitHub Desktop.
Download ZIP
Mogujie Mobile Demo Template
Raw
gistfile1.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Mogujie 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" />
<!-- iPhone设置主屏幕标题 -->
<meta name="apple-mobile-web-app-title" content="蘑菇街H5">
<!-- 允许用户使用全屏模式浏览 -->
<meta name="apple-mobile-web-app-capable" content="yes" />
<!-- 当用户使用全屏浏览时，将状态条设置为黑色 -->
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<link rel="stylesheet" href="http://s13.mogujie.cn/__/mobile/static/css/base.css" />
</head>
<body>
<header>...</header>
<!-- your content -->
<footer>...</footer>
<script src="http://s13.mogujie.cn/__/mobile/gallery/zepto/1.1.3/zepto.js"></script>
<script src=""></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