zoukankan      html  css  js  c++  java
  • 移动APP中rem适配

    将js中的代码引入自己html页面中,页面内的所有有关尺寸大小的设定都可以用rem来代替,如用rem代替px的使用,可以做到屏幕大内容按比例放大,是所有内容哦,若果你项目中所有内容都使用rem。

    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>移动APP中rem适配-jq22.com</title>
    <script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
    <style>
    div {
    font-size:0.3rem;
    text-align:center;
    padding-top:1rem;
    }
    </style>
    </head>
    <body>
    <div>Hello World!</div><script>
    remFn(10);
    window.onresize = function() {
    remFn(10);
    }

    function remFn(num) {
    document.documentElement.style.fontSize = document.documentElement.clientWidth / num + 'px';
    };</script>
    </body>
    </html>

    时间是一切财富中最宝贵的财富。
  • 相关阅读:
    jsp第三次作业
    软件测试第一次
    jsp第二次作业
    JSP第七次作业
    JSP第六次作业
    JSP第五次作业
    软件测试第二次作业
    JSP第四次作业(二)
    JSP第四次作业(一)
    JSP第三次作业
  • 原文地址:https://www.cnblogs.com/weihua88/p/7233888.html
Copyright © 2011-2022 走看看