rem布局中需要引入什么js吗

JavaScript023

rem布局中需要引入什么js吗,第1张

不需要，rem只是css3的一个新的长度单位，与js无关，所以不需要引入任何js。如下面的例子就是rem的使用方法的简单例子：

<style>

html,h1{font-size:12px}

p{font-size:2rem}

</style>

<h1>下面的文字将是html定义的字体大小的2倍：</h1>

<p>我是html定义的12px的2倍，字体大小为24px</p>

首先rem是根据--根节点的字体大小控制rem的大小。

先按照设计图的尺寸用px单位把整个页面写出来.....然后网上找px转换rem的工具，也可以自己算。。最后就是设置html的font-size了..这个要用px来做单位...这样就可以控制单位为rem的大小了。。（控制html的字体大小可以用@media根据不同的屏幕来设置，，也可以用js获取屏幕宽度或高度来计算。。然后设定字体大小）...2017-08-17 9.54

普通的html 默认是16px = 1rem

为了让设计稿中字体大小 跟rem 换算成100的关系。

如果1倍尺寸的设计稿，例如375px 的设计稿和 375px的屏幕。 直接html 的fontSize 为100px 就可以了

设计稿宽度 desW

屏幕宽度 cW

如果是2倍的设计稿， html 的fontSize 为100px ，这时候 用100换算，相当于 字体大了一倍

这时候需要 屏幕 和设计稿 换算一个 比例

cw/desW *100

就是100倍的 设计稿 和rem 的换算关系

rem.js

知识点：

if条件的简单写法 如果>720,=720

n>720&&(n=720)

对于苹果手机orientationChange，旋转屏幕的事件。

当初始的 HTML 文档被完全加载和解析完成之后，DOMContentLoaded 事件被触发，而无需等待样式表、图像和子框架的完全加载。