公司的h5

最新推荐文章于 2020-12-31 11:45:41 发布

飞翔的熊blabla

最新推荐文章于 2020-12-31 11:45:41 发布

阅读量500

点赞数

分类专栏： html+js+jquery+css

html+js+jquery+css 专栏收录该内容

642 篇文章 14 订阅

订阅专栏

<html data-dpr="1" style="font-size: 54px;"><head>
    <meta charset="UTF-8">
    <!-- 删除苹果默认的工具栏和菜单栏 -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-touch-fullscreen" content="yes">
    <meta name="apple-mobile-web-app-title" content="省呗">
    <!-- 设置苹果工具栏颜色 -->
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <!-- 忽略页面中的数字识别为电话，忽略email识别 -->
    <meta name="format-detection" content="telephone=no, email=no">
    <!-- 启用360浏览器的极速模式(webkit) -->
    <meta name="renderer" content="webkit">
    <!-- 避免IE使用兼容模式 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- 针对手持设备优化，主要是针对一些老的不识别viewport的浏览器，比如黑莓 -->
    <meta name="HandheldFriendly" content="true">
    <!-- 微软的老式浏览器 -->
    <meta name="MobileOptimized" content="320">
    <!-- uc强制竖屏 -->
    <meta name="screen-orientation" content="portrait">
    <!-- QQ强制竖屏 -->
    <meta name="x5-orientation" content="portrait">
    <!-- UC强制全屏 -->
    <meta name="full-screen" content="yes">
    <!-- QQ强制全屏 -->
    <meta name="x5-fullscreen" content="true">
    <!-- UC应用模式 -->
    <meta name="browsermode" content="application">
    <!-- QQ应用模式 -->
    <meta name="x5-page-mode" content="app">
    <!-- windows phone 点击无高光 -->
    <meta name="msapplication-tap-highlight" content="no">
    <meta name="keywords" content="">
    <meta name="description" content="">
    <title></title>
    <script src=""></script><meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <style>
        * {
            margin: 0;
            padding: 0;
        }

        html, body {
            background: #fff;
            font-family: 'Microsoft Yahei', Tahoma, Helvetica, Arial, sans-serif;
        }

        li {
            list-style: none;
        }

        .header {
            padding-top: 1.666667rem;
            margin-bottom: 0.533333rem;
            text-align: center;
        }

        .header img {
            display: block;
            width: 140px;
            height: 125px;
            margin: 0 auto;
        }


        [data-dpr="2"] .header img {
            width: 280px;
            height: 250px;
        }

        [data-dpr="3"] .header img {
            width: 420px;
            height: 375px;
        }

        .header h2 {
            margin-top: 1.1rem;
            color: #404040;
        }

        .content {
            margin: 0 auto;
            padding: 0 0.6rem;
            text-align: left;
            color: #777777;
            font-size: 14px;
        }

        [data-dpr="2"] .content {
            font-size: 28px;
        }

        [data-dpr="3"] .content {
            font-size: 42px;
        }


        .content_bottom {
            font-size: 12px;
            color:#999;
        }

        [data-dpr="2"] .content_bottom {
            font-size: 24px;
        }

        [data-dpr="3"] .content_bottom {
            font-size: 36px;
        }








        .content p {
            margin-bottom: 0.266667rem;
            line-height: 0.5rem;
        }

        .content li {
            line-height: 0.633333rem;
        }

        .bottom {
            margin: 1.333333rem auto;
            padding: 0 0.7rem;
            text-align: center;
        }

        .bottom .btn {
            width: 100%;
            background: #26bd9e;
            height: 1.3rem;
            line-height: 1.3rem;
            color: #fff;
            font-size: 16px;
            border-radius: 4px;
        }

        .bottom .btn:active {
            background: #22bd9e;
        }

        [data-dpr="2"] .bottom .btn {
            font-size: 32px;
        }

        [data-dpr="3"] .bottom .btn {
            font-size: 48px;
        }

    </style>
</head>
<body style="font-size: 12px;">
<div>

    
</div>

</body></html>