我是网页设计新手。我对 CSS/HTML 有一定的了解,但我对如何设置字体样式以适应移动设备感到困惑。
目前,我使用 px 使网页上的字体变大或变小。但是,这样做会使我的字体在高 px/inch 设备上看起来很小。
我怎样才能使我的字体在这些高分辨率屏幕上清晰可见而不会使它们看起来非常小?
例如:
.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/