zoukankan      html  css  js  c++  java
  • 移动端使用rem适配手机端 (阿里js文件)

    1.阿里js文件路径

    <script src="http://g.tbcdn.cn/mtb/lib-flexible/0.3.4/??flexible_css.js,flexible.js"></script>
    

    2.文件dom

    <!DOCTYPE html>
    <html lang="en">
    <head>
      <meta charset="UTF-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <meta content="yes" name="apple-mobile-web-app-capable"> 
      <meta content="yes" name="apple-touch-fullscreen"> 
      <meta content="telephone=no,email=no" name="format-detection"> 
      <script src="http://g.tbcdn.cn/mtb/lib-flexible/0.3.4/??flexible_css.js,flexible.js"></script> 
      <title>签约成功</title>
      <style>
        *{
          margin: 0;
          padding: 0;
        }
        html, body{
           100%;
          height: 100%;
        }
        #app{
          margin: 0 auto;
           10rem;
          height: 100%;
          padding-top: 3.8rem;
          display: flex;
          flex-direction: column;
          align-items: center;
          box-sizing: border-box;
        }
        #app img{
          margin: 0 auto;
          display: block;
           6rem;
          height: 3.21rem;
        }
        #app .title{
          flex: 1;
          padding-top: 1.2rem;
          font-size: 0.58rem;
          font-weight: 500;
          color: #333;
          text-align: center;
        }
        #app .subtitle{
          padding-bottom: 2.97rem;
          font-size: 0.32rem;
          color: #999;
        }
      </style>
    </head>
    <body>
      <div id="app">
        <img src="./icon.png" alt="">
        <p class="title">签约成功</p>
        <p class="subtitle">签约成功,请返回小程序继续操作。</p>
      </div>
    </body>
    </html>
    

      

  • 相关阅读:
    图论
    城市吸引力指数
    bzoj3529(莫比乌斯反演+离线+树状数组)
    强制关闭tomcat
    bzoj2154(莫比乌斯反演)
    等差数列求和模板
    联想的显示屏校准(困难)
    bzoj2301(莫比乌斯反演)
    莫比乌斯反演模版
    菜鸟物流的运输网络(网络流)
  • 原文地址:https://www.cnblogs.com/dyy-dida/p/14875085.html
Copyright © 2011-2022 走看看