css :before图标自适应大小
时间: 2023-07-26 22:14:43 浏览: 206
CSS控制图片自适应大小
4星 · 用户满意度95%
要使CSS中的`:before`伪元素中的图标自适应大小,可以使用`font-size`属性和`em`单位来实现。例如,假设您的`:before`伪元素的样式类名为`.icon`,则可以按如下方式设置其大小:
```css
.icon {
font-size: 2em; /* 设置为2倍的父元素字体大小 */
}
```
这将使伪元素的大小为其父元素字体大小的两倍。如果您希望其大小根据父元素的宽度自适应,则可以使用`vw`单位,例如:
```css
.icon {
font-size: 5vw; /* 设置为父元素宽度的5% */
}
```
这将使伪元素的大小为其父元素宽度的5%。
阅读全文