使用大众的响应式排版？

Question

我正在尝试使标题缩放到正确的字体大小流畅。从台式机到移动设备。使用大众是正确的方法吗？如果是这样的话，有没有人有关于如何实现响应式标题的小抄？

.responsive-header {
  font-size: 2vw;
}

<Title className="responsive-header">
   Resonsive header. Should shrink depending on screen size
</Title>

​

​

Answer 1

在响应式设计中，对于字体大小，rem和Em的使用已经标准化。因此，您可能想要使用它们中的任何一个。了解有关相对长度here的更多信息

而你的代码可能就能做到这一点。但是我如何使我的响应头

.responsive-header {
  width: 100vw;
  font-size: 2rem;
}

<Title className="responsive-header">
   Resonsive header. Should shrink depending on screen size
</Title>