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

Question

我是网页设计的新手.我对CSS/HTML有一个很好的理解,但我对如何设置字体样式以适应移动设备存在冲突.

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

如何让我的字体在这些高分辨率屏幕上显得清晰,而不会让它们看起来超小？

例如:

.thisClass{
font-size:12px;
}

是我习惯使用的.在我的笔记本电脑上它看起来很好,但我不知道它在平板电脑上看起来如何,因为我没有一个D:

Answer 1

从CSS3中查看...

• 1vw =视口宽度的1%
• 1vh =视口高度的1%
• 1vmin = 1vw或1vh,取较小者

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

  h1 {font-size:5.9vw; } h2 {font-size:3.0vh; } p {font-size:2vmin; }