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>

  • 相关阅读:
    Mysql 时间字段(加上或者减去一段时间)
    awk数组与语法
    awk模块、变量、执行
    awk简介与表达式实例
    图数据库
    推荐几款优秀的开源博客系统
    红黑树
    用户画像基础概念
    Panda Global获悉,美国承诺4年内明确区块链数字资产监管方式!
    重庆聚焦区块链应用,Panda Global觉得春天真的来了!
  • 原文地址:https://www.cnblogs.com/zxy-web/p/8762534.html
Copyright © 2011-2022 走看看