如果你看到本段文字,说明该页面未正常加载全局JS,部分功能无法使用,请点击 刷新 重新加载页面。
如果打开页面显示缩略图创建出错,请点击刷新或页面右上WIKI功能中的刷新按钮清除页面缓存并刷新,如果还有问题,请多尝试几次。
全站通知:

编辑教程:单位

阅读

    

2021-11-20更新

    

最新编辑:IJN_Hibiki

阅读:

  

更新日期:2021-11-20

  

最新编辑:IJN_Hibiki

来自碧蓝航线WIKI_BWIKI_哔哩哔哩
跳到导航 跳到搜索
页面贡献者 :
IJN_Hibiki

css单位

绝对单位

什么是绝对单位

绝对长度单位是一个固定的值,它反应一个真实的物理尺寸。

绝对单位有哪些

px 像素 (1px = 1/96th of 1in) 像素是相对于屏幕分辨率的,页面按照精确像素展示,不会因为其它元素的尺寸变化而变化,像素是最典型的度量单位
cm 厘米(1cm = 37.8px) 厘米是比较熟悉有用的物理度量单位,但在CSS领域,被直接映射成像素
mm 毫米(1mm = 0.1cm = 3.78px) 毫米是个小数量级的物理度量单位
in 英寸 (1in = 96px = 2.54cm) 一个物理度量文件,但是在CSS领域,英寸也被映射成像素
pt point,大约1/72英寸; (1pt = 1/72in) 点(Points)也是物理长度单位
pc pica,大约 12pt,1/6英寸; (1pc = 12 pt) 派卡(Pica)和points一样,也是物理长度单位

相对单位

什么是相对单位

相对长度单位指定了一个长度相对于另一个长度的属性。

相对单位有哪些

em 它是描述相对于应用在当前元素的字体尺寸,所以它也是相对长度单位。一般浏览器字体大小默认为16px,则2em=32px;
ex 依赖于英文字母小x的高度
ch 数字 0 的宽度
rem rem 是根 em(root em)的缩写,rem作用于非根元素时,相对于根元素字体大小;rem作用于根元素字体大小时,相对于其出初始字体大小。
vw viewpoint width,视窗宽度,1vw=视窗宽度的1%
vh viewpoint height,视窗高度,1vh=视窗高度的1%
vmin vw和vh中较小的那个
vmax vw和vh中较大的那个
% 百分比,以百分比为单位的长度值