zoukankan      html  css  js  c++  java
  • 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>

  • 相关阅读:
    BZOJ.2199.[USACO2011 Jan]奶牛议会(2-SAT)
    BZOJ.1997.[HNOI2010]Planar(2-SAT)
    POJ.3648.Wedding(2-SAT)
    POJ.3678.Katu Puzzle(2-SAT)
    POJ.3207.Ikki's Story IV-Panda's Trick(2-SAT)
    洛谷.4180.[模板]次小生成树Tree(Kruskal LCA 倍增)
    BZOJ.4766.文艺计算姬(Prufer)
    zabbix 微信告警机制
    网络地址
    tcp与udp的区别
  • 原文地址:https://www.cnblogs.com/zxy-web/p/8762534.html
Copyright © 2011-2022 走看看