21年面试题内容汇总
# rem 布局原理
- 获取设备宽度与设计稿宽度的比例作为
html font-size
的大小。 - 假如是
750/750
那么font-size:1px;
设计稿上200px
,代码就要写200rem;
这样写太大。 - 通常
750/750*100
,多除100
,100
作为px
转化为rem
的换算比例,100px = 1rem
那么设计稿750px
代码里就要写7.5rem
。
相关计算规则:
const rem = deviceWidth / designWidth * 100;
html.style.fontSize = rem + "px";
1
2
2
# 面试题主线流程
# JS 继承
# babel 编译原理
# diff 算法
# react
# react-diff
# react-fiber
# Vue
# Vue-diff
# Vue2 对比 Vue3
上次更新: 2023/11/25, 4:11:00