美文网首页
rem布局定义根节点的px,以及for循环中var和let声明变

rem布局定义根节点的px,以及for循环中var和let声明变

作者: 丶灰太狼他叔 | 来源:发表于2017-12-07 00:39 被阅读20次

1、假设设计稿的宽是750px,根节点是100px。可以得出设备宽度为7.5rem,在根节点中的
font-size=设备宽度/7.5。
即:document.documentElement.style.fontSize = document.documentElement.clientWidth*(window.devicePixelRatio||1) / 7.5 + 'px';
当然还有考虑一倍屏和二倍屏的问题,以及font-size小于12px在谷歌支持的问题等。
2、for循环中:
var声明的变量是全局的,for循环之外是可以拿到定义的变量的;
而let声明的变量是有块级作用域的,for循环之外是拿不到的。

相关文章

  • rem布局定义根节点的px,以及for循环中var和let声明变

    1、假设设计稿的宽是750px,根节点是100px。可以得出设备宽度为7.5rem,在根节点中的font-size...

  • ES6 let var const解析

    let 和 var,const let声明的变量只在let所在的代码块有效 for循环中,var声明的是全局的,l...

  • vue-cli移动端项目的适配完美解决方案

    移动端页面适配,rem和vw适配方案! 基础点:rem相对根节点字体的大小。所以不用px;根字体:字体的大小px;...

  • JS 总结

    1. ES6 1.1 变量的声明 变量的声明有三种形式,分别是 var、let和const。当使用 var定义的变...

  • es6

    1、let 和const(定义变量) (1)var 、let 、const的区别 a、作用域区别var 变量声明会...

  • ES6 let与const

    let和const let命令 let用法类似var,但是所声明的变凉,只在let命令所在的代码块内有效 for循...

  • 2019-06-12 For循环原理

    For循环原理 我们知道for循环中如果用var定义和用let定义是产生不同的结果的,原因是var是全局定义,le...

  • 微信小程序变量

    在JavaScript中有三种声明变量的方式:var、let、const。var:声明全局变量,let:声明块级变...

  • 第一章 let和conset命令

    let 1.let声明类似于var,但是let只在所在的代码块中有效,可以很好的用在for循环中代替var,记住只...

  • 关于ES6的let命令

    1、let的基本用法以及let和var的区别 (1) let与var一样是用来声明变量的,与var的区别是let所...

网友评论

      本文标题:rem布局定义根节点的px,以及for循环中var和let声明变

      本文链接:https://www.haomeiwen.com/subject/bmurixtx.html