VM、REM、PX和EM?
VM、REM、PX和EM都是web开发中用于定义字体大小、长度和距离的度量单位。
- PX 是一个固定的度量单位，相对于页面上的其他元素不会改变。
- EM 是基于其父元素的字体大小的相对单位。
- REM也是一个相对的单位，但它是基于页面根元素(通常是html标签)的字体大小。
- VM 是基于视口大小的相对单位，其中 1 个视口单位等于视区宽度的 1%。
总之，PX 是固定的，EM 和 REM 基于字体大小，而 VM 基于视口大小。
分类 CSS2/3/4 下的文章
css样式，如何修改input输入框的光标颜色？
使用user-select复制粘贴功能，ios手机无法输入和删除
一般样式固定滚动，--和顶部有固定指定像素单位
width: 100%;
margin-top: 固定像素单位;
height: calc(100vh - 固定像素单位);
position: relative;
background: #fff;
z-index: 5;
overflow: hidden;