CSS动态字体大小和边框文本位置

Question

嗨，有没有一种方法可以动态调整字体样式和字体位置

这样当图像调整到任何视口时，设计以及图像和字体的比例保持不变？

Answer 1

是的，有。

  <your div>{
      font-size : 2vw;
    }
    img{
      height : 10vh;
      width : 12vw;
    }

这里 vw 表示视口宽度，vh 表示视口高度，当您调整窗口大小时，视口高度会扩大或缩小。字体大小将与图像宽度保持恒定比例。

Answer 2

是的，您可以使用CSS单位的相对长度。

示例：

<div style="font-size: 3vw;">
  This text size is according to the device screen width and this is done by CSS
</div>