Html 2K及更高分辨率设备上的字体大小

我有一个分辨率为1680 x 1050的屏幕

我是一名网络开发人员，在创建网站时，我们使用

字体大小

，在笔记本电脑上很容易阅读，分辨率介于

1366 x 768

到

1920 x 1080

之间

在使用Chrome开发者工具时，我选择了分辨率为2560x1600的亚马逊KindleFireHDX。在这个设备上（chrome正在模拟），由于高分辨率，字体大小呈现得非常小。我尝试了许多字体大小单位，例如

vw、vh、%

，以便字体大小在所有分辨率上都相同，但失败了

---

我甚至用Chrom-Dev工具打开StackOverflow，看到字体看起来太小了。我不知道真正的Kindle HDX上显示的字体大小是否与我在chrome模拟的Kindle HDX上看到的相同，我也没有真正的2K分辨率设备来测试我的网站。如何应对这个问题？我希望我的网站在所有分辨率下都可读。

我建议您使用em作为字体单位，以使其更兼容浏览器/设备。em应该使用浏览器自己的内置字体大小，以提高可读性以及浏览器的缩放设置

---

此外，您可能希望尝试各种CSS框架，这些框架可能会尝试处理更一致的跨浏览器/设备一致性，以便根据设备/dpi设置将字体保持在更大的相对大小。（不幸的是，我没有这方面的经验，但应该是开始研究的好地方）。

如果你的字体大小是以相对单位表示的，那么你可能就没事了

我认为你在Chrome开发工具中看到的是“缩放到适合”功能，它将缩放目标设备的页面，以适应你的浏览器窗口。取消选中“缩放以适应”，我想您会看到文本清晰可见。请注意，标尺值也将更改为更精确的表示形式

您可以在这个屏幕截图中看到，标尺表明设备模拟是以1600px的宽度渲染的，尽管这个屏幕截图肯定不是以1600px的宽度拍摄的。它被放大以适合我的窗户。

---

我也没有Kindle，但我明白你的意思，有了模拟器。希望Chrome搞错了。