css中常用单位辨析

辨析

px:像素;css中最普遍最常用的单位,不管在何种设备或分辨率上,1px始终代表屏幕上的一个像素。

%:百分比;基于父元素相对属性的百分比。

em:当前字体大小的倍数;基于父元素字体大小

rem:根元素字体大小的倍数;基于根元素字体大小

vh:视口(浏览器窗口)高度百分比;1vh等于视口高度的1%

vmin,vmax:视口宽度或高度的最小值、最大值

参考

相关推荐
PineappleCoder7 小时前
性能数据别再瞎轮询了!PerformanceObserver 异步捕获 LCP/CLS,不卡主线程
前端·性能优化
PineappleCoder7 小时前
告别字体闪烁 / 首屏卡顿!preload 让关键资源 “高优先级” 提前到
前端·性能优化
m0_471199637 小时前
【vue】通俗详解package-lock文件的作用
前端·javascript·vue.js
GIS之路8 小时前
GDAL 读取KML数据
前端
今天不要写bug8 小时前
vue项目基于vue-cropper实现图片裁剪与图片压缩
前端·javascript·vue.js·typescript
用户47949283569158 小时前
记住这张时间线图,你再也不会乱用 useEffect / useLayoutEffect
前端·react.js
咬人喵喵8 小时前
14 类圣诞核心 SVG 交互方案拆解(附案例 + 资源)
开发语言·前端·javascript
问君能有几多愁~9 小时前
C++ 日志实现
java·前端·c++
咬人喵喵9 小时前
CSS 盒子模型:万物皆是盒子
前端·css