css - 如何制作不太大或不太小的响应式文本

我是网页设计的新手。我对 CSS/HTML 有很好的理解，但我对如何设置字体以适应移动设备的方式感到矛盾。

目前我使用 px 使我的网页上的字体更大或更小。但是，这样做会使我的字体在高像素/英寸设备上看起来非常小。

我怎样才能让我的字体在这些高分辨率屏幕上看起来清晰易读，又不会让它们看起来非常小？

例如:

.thisClass{
font-size:12px;
}

是我习惯使用的。在我的笔记本电脑上它看起来不错，但我不知道它在平板电脑上的外观，因为我没有 D:

最佳答案

从 CSS3 中查看此内容...

1vw = 视口(viewport)宽度的 1%

1vh = 视口(viewport)高度的 1%

1vmin = 1vw 或 1vh，以较小者为准

1vmax = 1vw 或 1vh，以较大者为准

h1{
字体大小:5.9vw；
}
h2{
字体大小:3.0vh；
}
p{
字体大小:2vmin；

关于css - 如何制作不太大或不太小的响应式文本，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/24247711/