• HTML 核心内容


    ---恢复内容开始---

     html 5 : 

              1.移动端常用rem来表示宽高等一些数值,代替了px em cm;  

                      目的:  让移动端网页的宽高根据html的(fontSize)值的改变而改变;

                       此外 : 获取html的宽度和赋值fontSize的固定写法; 

        

               <script type="text/javascript">
                           var html =document.getElementsByTagName('html')[0];   //获取html;
                           var pagewidth=html.getBoundingClientRect().width;          //获取html宽度
                           console.log(pagewidth);
                           width=html.style.fontSize=pagewidth/16+"px";                   // 默认大小 常用
               </script>

           2.    移动端必备声明

                                         <meta name="viewport"  content=" width=device-width,user-scalable=no "/>

                                           1:    content=" width=device-width,user-scalable=no "

                                                             width=device-width---------------页面大小等于设备宽度

                                                              user-scalable=no ----------------禁止用户缩放页面

                                                             

    <!DOCTYPE html>
    <html lang="en">

    <head>
    <meta charset="UTF-8">
    <title>Document</title>

    </head>

    <body>

    <script type="text/javascript">
    window.addEventListener("resize",function(){
    var html =document.getElementsByTagName('html')[0]; //获取html;
    var pagewidth=html.getBoundingClientRect().width; //获取html宽度
    console.log(pagewidth);
    width=html.style.fontSize=pagewidth/16+"px";
    }); // 页面改变大小的时候刷新


    </script>

    </body>

    </html>

  • 相关阅读:
    LoadRunner如何监控Linux下的系统资源
    shareeverything and sharenothing原理区别
    LoadRunner下如何监控Windows系统资源
    简明 Vim 练级攻略
    自由地使用那10000个Web协议的License进行压力测试
    自己做的西直门桥
    Visual Studio问题解答(不断更新)
    记2012微软编程之美全国挑战赛
    matlab也能创作歌曲
    拈游戏
  • 原文地址:https://www.cnblogs.com/zxy-web/p/8762534.html
Copyright © 2020-2023  润新知