我正在寻找一种解决方案,可以根据设备大小自动调整所有文本的大小,而无需明确指定每个元素。例如:使用class=";显示器-4";在手机和桌面上显示相同的字体大小。如何动态更改?
您可以使用一些相对的字体大小单位,这里有一些。
具有相对长度的CSS单元
- vw(视口宽度的%(
- vh(视口高度的%(
- vi(根元素的内联轴方向上视口大小的1%(
- vb(根元素块轴方向上视口大小的1%(
- vmin(vw或vh中较小的一个(
- vmax(较大者或vw或vh(
示例:
p {
font-size: 2vw;
}