一些长度单位
网页默认font-size为16px chrome默认最小字号为12px
px 像素 pt（没人用）
em相对长度单位大写字母M ex(没人用)
rem相对于根目录的font-size的大小
vh视口高度 100vh = 视口高度
vw视口宽度 100vw =视口宽度
用百分比做自适应 高度非常难以和宽度配合
使用js获取屏幕宽度然后写入css
<script>
let pageWidth = window.innerWidth
document.write(`<style>html{font-size:${pageWidth}px}</style>`)
</script>
<style>
body{font-size:16px;}
</style>
rem 这个单位代表根元素的 font-size 大小（例如 元素的font-size）。 rem 与 em ...
什么是rem？ rem是相对于根元素html字体大小来计算的，即( 1rem = html字体大小 ) rem和e...
响应式 1.meta：vp阻止缩放 width=device-width记住viewport是视口user-sca...
REM = （fontsizeoftherootelement）根元素的font-size 页面中font-siz...
常见单位 px : 固定单位 百分比 em： 相对单位，相对于自己的 font-size。如果用在 font-si...
1. 什么是 REM? 根节点(html)的font-size(默认font-size是16px).若设置htm...
一些长度单位网页默认font-size为16px chrome默认最小字号为12pxpx 像素 pt（没人用）em...
下面是对动态rem的总结。如何做： 浏览器禁止 980 像素的缩放 设置 html {font-size: 页面宽...
响应式 1.meta:vp 阻止缩放 2.尽量不要写width / height，改用max / min 不要把宽...
本文标题：动态REM
本文链接：https://www.haomeiwen.com/subject/cucrfftx.html
网友评论