关于长度单位，你还只是会使用吗让我们来看看如何使用长度单位在页面自适应。[url]https://oa.tyz18.cn/云资源[/url]的相关知识也可以到网站具体了解一下，有专业的客服人员为您全面解读，相信会有一个好的合作！[align=center]https://cw.tyz18.cn/wp-content/uploads/2022/09/1663003031-0e3cb9d9e8f3494.jpg[/align]
长度单位分绝对长度单位和相对长度单位。
绝对长度单位是一个固定的值，它反应一个真的物理尺寸，绝对长度单位视输出介质而定，不依赖于环境（显示器、分辨率、操作系统等）。
而相对长度单位，你看相对二字就可以看出其长度单位他会有一个参考值，会随着它的参考值变化，是一种动态的长度单位，更适合适配不同场景应用。
常用的相对长度单位
（像素）
像素是比较常用的单位，很多长度单位比较终都映成像素，这是显示屏显示内容的基本单位，显示效果与显示分辨率有关
像素为影视显示的基本单位，译自英文，是英文单词的常用缩写，加上英语单词元素，就得到，故像素表示画像元素之意，有时又被称为（）。
通常说的显示分辨率，其是桌面设定的分辨率（桌面分辨率）而不是显示屏比较大可支持的分辨率（物理分辨率）。
列如有一个宽为0的标签，在8000分辨率下占显示面积的，而在80分辨率下则占据9，这也是为什么说它是动态的主要原因。
简单来说，会随着桌面分辨率的变大变小和改变，参考点就是桌面分辨率，在不同桌面分辨率下会显示出不同的效果。目前而已比较流行的还是桌面分辨率。
（相对于父亲）
单位的含义比较初是指基于当前字体大写字幕M的尺寸。现代浏览器中，1等于。
基于当前元素的-大小，如果没设置就是继承父元素的-。
如果作用于-时，1就等于父元素的-。
单位具有级联关系。
会随着-的大小改变而改变。
（相对根元素）
相对于根元素（）的-的计算值
默认情况下：1=，这是因为浏览器的默认字体大小为，且标签的的字体大小不会被轻易修改。
%（百分比）
%百分比对于-，-等属性，基于其父元素的-大小。而对于-、、、等属性则是基于父元素的宽度。
（?视窗宽度）
CSS中有一些用于调整与视图（浏览器页面）大小的单位，这些响应式设计对于设计在不同尺寸屏幕下的页有很大帮助。
一个单位是指视图宽度的1%。
（?视窗高度）
一个单位是指视图高度的1%。 |
发表于 2023/2/23 11:12:19