px是像素,绝对长度单位,不同显示器的分辨率不同,像素就不同
百分比:百分比是相对于父元素的计算单位,用来定义相对于父元素的尺寸或位置。例如,设置元素的宽度为50%,表示该元素的宽度为父元素宽度的50%。
视口宽度(vw)和视口高度(vh):视口宽度单位(vw)表示相对于视口宽度的百分比,视口高度单位(vh)表示相对于视口高度的百分比。例如,设置元素的宽度为50vw,表示该元素的宽度为视口宽度的50%。
相对单位:相对单位包括em、rem、ch、ex等。em单位是相对于父元素的字体大小的倍数。rem单位是相对于根元素(html元素)的字体大小的倍数。ch单位表示数字“0”的宽度,通常用于等宽字体。ex单位表示小写字母“x”的高度。
自动(auto):自动是CSS中的一个特殊值,表示由浏览器自动计算或根据上下文决定元素的尺寸。