html - 以厘米为单位的网页字体大小

标签 html css responsive-design font-size measure

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

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

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

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

最佳答案

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

推荐

屏幕 em, px, %

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

偶尔

Sreen ex

打印 px, ex

不推荐

屏幕 pt、cm、mm、in、pc

关于html - 以厘米为单位的网页字体大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54189635/

相关文章:

css - susy 2.0 在断点处更改列

css - 在响应式布局中绝对定位背景

javascript - window.getComputedStyle 不适用于除 Chrome 之外的其他浏览器中的速记属性

html - 删除默认输入提交按钮

macos - Mac OSX HTML5&CSS3 文本编辑器

html - CSS 限制缩放?

css - 我的 div 在彼此下面堆积

css - 修复了 Bootstrap 导航栏在 768 x 1024 View 下消失的问题

jquery - 读取包含输入隐藏 jQuery 的 div 内容

html - 使用 CSS 选择特定的子类