CSS中的几种尺寸单位
CSS中的尺寸单位主要有以下几种：
px：像素（Pixel），即屏幕上的一个点。%：百分比，相对于父元素的尺寸。em：相对于当前元素的字体大小，如果用于设置边距或者填充，则相对于父元素的字体大小。rem：相对于根元素（即<html>标签）的字体大小，有利于实现响应式设计。vh：视口高度，1vh等于视口高度的1%。vw：视口宽度，1vw等于视口宽度的1%。
示例代码：
div {
width: 100px; /* 像素单位 */
height: 50%; /* 百分比单位 */
padding: 1em; /* 相对于父元素字体大小的单位 */
margin: 2rem; /* 相对于根元素字体大小的单位 */
font-size: 1vw; /* 视口宽度的1%作为字体大小 */
border-radius: 5vh; /* 视口高度的5%作为圆角 */
}
评论已关闭