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>

  • 相关阅读:
    RepositoryItemComboBox 用法1
    php 直接获取url参数赋值成变量。省去繁琐的获取参数,再一个个赋值
    什么是经验,就是解决问题的能力!!
    win7 上运行 php7 +
    win2008 server 多IP配置
    mysqlli 的基本用法
    PHP操作mongoDB 笔记
    关于PHP程序员技术职业生涯规划 转自 韩天锋
    linux 简单笔记
    ubantu 重启mysql
  • 原文地址:https://www.cnblogs.com/zxy-web/p/8762534.html
Copyright © 2011-2022 走看看