css中常用单位辨析

辨析

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

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

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

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

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

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

参考

相关推荐
爱喝水的小周10 分钟前
AJAX vs axios vs fetch
前端·javascript·ajax
Jinxiansen021113 分钟前
unplugin-vue-components 最佳实践手册
前端·javascript·vue.js
几道之旅17 分钟前
介绍electron
前端·javascript·electron
周胡杰19 分钟前
鸿蒙arkts使用关系型数据库,使用DB Browser for SQLite连接和查看数据库数据?使用TaskPool进行频繁数据库操作
前端·数据库·华为·harmonyos·鸿蒙·鸿蒙系统
315356691319 分钟前
ClipReader:一个剪贴板英语单词阅读器
前端·后端
玲小珑22 分钟前
Next.js 教程系列(十一)数据缓存策略与 Next.js 运行时
前端·next.js
qiyue7737 分钟前
AI编程专栏(三)- 实战无手写代码,Monorepo结构框架开发
前端·ai编程
断竿散人41 分钟前
JavaScript 异常捕获完全指南(下):前端框架与生产监控实战
前端·javascript·前端框架
Danny_FD43 分钟前
Vue2 + Vuex 实现页面跳转时的状态监听与处理
前端
小飞悟43 分钟前
别再只会用 px 了!移动端适配必须掌握的 CSS 单位
前端·css·设计