如何使用文本字体百分比代替文本图像进行响应设计？我的代码附上

Question

我必须使用html中的文本。我可以做到，但是我需要使其具有响应性，并且我无法在文本中使用百分比，而我正在使用文本图像并为其宽度和高度使用百分比，但是每个文本图像都会变差一些，看起来更小一些文字看起来更大

我正在使用的代码是

<img class="LohaD" src="./Styles/img/LohaD.png" />

.LohaD {
    width: 78.2%;
    height:2.4%;
    object-fit: contain;
    text-align: center;
    display: block;
    vertical-align: central;
    margin-left: auto;
    margin-right: auto;
}

主要缺点是我无法将其用作图片来保持文本大小 如何使用它作为文本一些百分比？ 希望您的建议谢谢

Answer 1

您可以使用视口单位。 例如：

.scalable-text {
 font-size: 100vh;
}

选中此https://css-tricks.com/almanac/properties/f/font-size