美文网首页
移动端页面模板示例

移动端页面模板示例

作者: 前端_逗叔 | 来源:发表于2017-12-29 15:10 被阅读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>
    

    相关文章

      网友评论

          本文标题:移动端页面模板示例

          本文链接:https://www.haomeiwen.com/subject/ptgigxtx.html