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

Question

嗨有没有办法动态调整字体样式和字体的位置

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

标签： htmlcssresponsive-designstylesheet

Answer 1

就在这里。

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

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