2. CSS 中的单位

CSS 中的单位

CSS 新单位:vmin 和 vmax

  1. vmin

vmin 表示相对于视口宽度和高度中较小者的百分比。

  1. vmax

vmax 表示相对于视口宽度和高度中较大者的百分比。

例如,如果视口的宽度为 1000px,高度为 800px,那么 1vmax 就等于 10px(即 1000px 的 0.1),1vmin 就等于 8px(即 800px 的 0.1)。

使用 vmin 和 vmax 单位可以根据视口的宽度和高度来设置元素的大小,实现响应式布局。

CSS 新增的单位 ch

在 CSS 中,ch 是一个相对单位,它代表数字 0(零)的宽度,在当前的字体和字体大小下的度量。这个单位特别适用于需要基于字符宽度进行布局的场景,比如保持文本的垂直对齐或者在元素内部确保一定的空间以容纳文本字符。

相关推荐
切糕师学AI11 小时前
前后端分离架构中,Node.js的底层实现原理与线程池饥饿问题解析
前端·vue.js·node.js
妄小闲12 小时前
网页设计模板 HTML源码网站模板下载
前端·html
icebreaker12 小时前
tailwindcss 究竟比 unocss 快多少?
前端·css·github
卢叁12 小时前
Flutter之自定义TabIndicator
前端·flutter
每天吃饭的羊12 小时前
state和ref
前端·javascript·react.js
GEO_YScsn12 小时前
Vite:Next-Gen Frontend Tooling 的高效之道——从原理到实践的性能革命
前端·javascript·css·tensorflow
GISer_Jing12 小时前
滴滴二面(准备二)
前端·javascript·vue·reactjs
ningmengjing_12 小时前
webpack打包方式
前端·爬虫·webpack·node.js·逆向
Yuner200012 小时前
Webpack开发:从入门到精通
前端·webpack·node.js
GISer_Jing12 小时前
滴滴二面准备(一)
前端·javascript·面试·ecmascript