• 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>

  • 相关阅读:
    dfs介绍
    UVA11149 矩阵快速幂
    UVA1476 三分法
    漂亮的表达式!(不断补充)
    BC Round#33 B(10的18次方,快速乘法+快速幂取余)
    UVA 1639(组合数学)
    UVA 10612(数论找规律)
    小模板
    1589象棋(大模拟)
    bnuoj 29368 Check the Identity(栈)
  • 原文地址:https://www.cnblogs.com/zxy-web/p/8762534.html
Copyright © 2020-2023  润新知