为什么网站字体在移动 Chromium-based 浏览器上缩小以及如何解决？
Why website font shrinks on mobile Chromium-based browsers and how to fix it?
我使用“Coolvetica Regular”作为标题。它在我 PC 上的不同浏览器上工作正常，但在移动设备上，它在基于 Chromium（Chrome、Edge、Kiwi）的每个移动浏览器上看起来都很奇怪。
奇怪的是，我的意思是单词之间的 letter-spacing 在移动设备上处理不当。 this portfolio website 上也使用了此字体，我在那里没有看到这个问题。
我应该怎么做才能解决这个问题？有没有办法只将 letter-spacing 添加到移动 Chromium-based 浏览器？
我假设您指的是字体。您需要注意，并非所有浏览器都是平等创建的。如果你想要跨浏览器的一致性，那么我可能建议坚持使用更简单的字体，比如 sans-serif。现在，在我看来，这些字体似乎并没有太大差异而无需引起关注。请记住，引号中的第一个字体是浏览器将首先尝试呈现的字体。如果不能，它将移至第二个选项。 Chrome 和 Edge 可能是最通用的浏览器。
这是我能想到的最佳解决方案。我在 Whosebug 上看到 并尝试为我自己的场景实现它。在桌面上，它可以正常工作并且可以区分 Chrome 和 Firefox，但在移动设备上，它不能区分 Firefox 和其他基于 Chromium 的浏览器。
总的来说，我对结果很满意，我认为这个问题不值得像@Rene 在上面的评论中建议的那样花费时间和精力。
这是我在 CSS 末尾添加的用于解决此问题的内容：
h1, h2 {letter-spacing: 0;}
@media screen and (max-width: 480px) {
.selector:not(*:root), h1, h2 {
letter-spacing: 0.04em;
}
}
我使用“Coolvetica Regular”作为标题。它在我 PC 上的不同浏览器上工作正常，但在移动设备上，它在基于 Chromium（Chrome、Edge、Kiwi）的每个移动浏览器上看起来都很奇怪。
奇怪的是，我的意思是单词之间的 letter-spacing 在移动设备上处理不当。 this portfolio website 上也使用了此字体，我在那里没有看到这个问题。
我应该怎么做才能解决这个问题？有没有办法只将 letter-spacing 添加到移动 Chromium-based 浏览器？
我假设您指的是字体。您需要注意，并非所有浏览器都是平等创建的。如果你想要跨浏览器的一致性，那么我可能建议坚持使用更简单的字体，比如 sans-serif。现在，在我看来，这些字体似乎并没有太大差异而无需引起关注。请记住，引号中的第一个字体是浏览器将首先尝试呈现的字体。如果不能，它将移至第二个选项。 Chrome 和 Edge 可能是最通用的浏览器。
这是我能想到的最佳解决方案。我在 Whosebug 上看到
总的来说，我对结果很满意，我认为这个问题不值得像@Rene 在上面的评论中建议的那样花费时间和精力。
这是我在 CSS 末尾添加的用于解决此问题的内容：
h1, h2 {letter-spacing: 0;}
@media screen and (max-width: 480px) {
.selector:not(*:root), h1, h2 {
letter-spacing: 0.04em;
}
}