【问题标题】:Web font size in cm网页字体大小(厘米)
【发布时间】:2019-06-08 22:05:46
【问题描述】:

对于我的网站,我想将字体大小设置为cm(厘米),这样字体就可以独立于屏幕大小和分辨率读取,只要正确设置显示 PPI(每英寸像素)设置操作系统。 所以我在 html 中尝试了这个:

<p style="font-size:1cm">Some text</p>

显然,无论是在我的 PC 上还是在移动设备上,字体大小都是 1 厘米。在 PC 上它更大(太大而无法阅读)。在移动设备上它更小(太小而无法阅读)。

所以问题是发生了什么?这是因为 PPI 在两台设备上都没有正确设置吗?还是因为cm 字体大小在网络/浏览器中不起作用?

【问题讨论】:

标签: html css responsive-design font-size measure


【解决方案1】:

这是因为 cm 用于打印而不是显示到屏幕中。 font-size:1cm 将近似于屏幕上的精确尺寸,仅适用于非常大的分辨率。

推荐

屏幕 em, px, %

打印 em, cm, mm, in, pt, pc, %

偶尔

屏幕

打印像素,例如

不推荐

屏幕 pt、cm、mm、in、pc

【讨论】:

    【解决方案2】:

    绝对长度单位是固定的,长度用这些中的任何一个表示 将显示为该大小。

    不建议在屏幕上使用绝对长度单位,因为 屏幕尺寸变化很大。但是,如果输出 介质是已知的,例如用于打印布局。

    https://www.w3schools.com/cssref/css_units.asp

    【讨论】:

      猜你喜欢
      • 2010-12-09
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2013-01-20
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多