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; }

Answer 2

根据此链接https://ux.stackexchange.com/questions/7820/font-size-for-mobile-sites，font-size:medium;是一种灵活的解决方案，如果您对目标设备有更多了解，那么很多人都会尝试获得最佳尺寸。

顺便说一下，这不是解决这个问题的最好方法，但是既然你说你是移动网页设计的新手，我还想指出你@media css选择器https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries它允许您根据设备类型，屏幕尺寸，手机方向等设置不同的样式......我想它可能会在您的未来派上用场：）

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

2 个答案: