移动端页面模板示例
2017-12-29 本文已影响6人
前端_逗叔
这个模板是在公司项目中使用的，可根据情况自行修改meta标签。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0">
<meta content="yes" name="apple-mobile-web-app-capable">
<meta content="black" name="apple-mobile-web-app-status-bar-style">
<meta name="telephone=no" content="format-detection">
<!-- 当前页面所属分类， 如“XX官网” -->
<meta name="category" content="大众官网">
<!-- 当前页面所属功能， 如“XX中心” -->
<meta name="function" content="产品中心">
<!-- 当前页面内容的标题， 如“小型SUV将入华，最新谍照” -->
<meta name="title" content="小型SUV将入华，最新谍照">
<!-- 页面标题，显示于微信APP顶部， 如“微官网” -->
<title>微官网</title>
<link href="/MobileStrap/1.0.0/css/qxun-mobile-strap.min.css" rel="stylesheet">
<!-- 引用外部css文件Begin -->
<!-- 引用外部css文件End -->
<style type="text/css">
/*写你当前页面需要修改的CSS样式*/
</style>
</head>
<body>
<!-- 正文开始 -->
<div class="container">
</div>
<!-- 正文结束 -->
<script src="/jquery/3.1.1/jquery-3.1.1.min.js"></script>
<!-- 引用外部js文件Begin -->
<!-- 引用外部js文件End -->
<!-- 页面js内容Begin -->
<script type="text/javascript">
</script>
<!-- 页面js内容End -->
</body>
</html>
