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

标签 css font-size

我是网页设计新手。我对 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/

相关文章:

css - 如何使图像的水平列表居中?

javascript - 圆形图像边框而不是正方形

ios - 如何根据xcode中的屏幕大小定义按钮的字体

css - 使用 btn-small Bootstrap 类时,Chrome 中的 Font Awesome 图标被截断

css - `> div` 是否比 CSS 中的其他任何内容都重要?

html - 子元素的宽度改变了,但是父元素的宽度没有改变,为什么?

html - 如何内联显示多个 100% 宽度的 <li>?

swift - 仅通过代码以编程方式添加 UILabel。浆纱? ( swift )

html - ckeditor 字体样式 13 px

javascript - 在 Summernote 中更改字体大小非常有问题