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>
    

      

  • 相关阅读:
    IDEA激活方式(亲测有效)加汉化方式
    IDEA快捷键
    (转)RBAC权限模型——项目实战
    Nginx负载均衡策略
    nginx proxy_pass
    Nginx rewrite
    web cache server方案比较:varnish、squid、nginx
    LVS负载均衡工作模式和调度算法
    四层 七层负载均衡区别
    Nginx每天自动日志分割
  • 原文地址:https://www.cnblogs.com/dyy-dida/p/14875085.html
Copyright © 2011-2022 走看看