html - CSS 样式在 Windows 10 和 ubuntu 20.04 LTS 上呈现不同

Question

我一直在开发一个基本的聊天应用程序。我在 ubuntu 上工作，并根据 ubuntu 上的 chrome 浏览器将样式应用于每个组件。但在 Windows 上，样式呈现不同，对齐不正确，一切都比预期的要大。到目前为止我尝试过的一些解决方案（仍然面临同样的问题），

1. 使用 css 重置 - 仅font-size重置
2. 使用line-height而不是padding财产 - 对我不起作用

以下是适用于 windows 10 和 ubuntu 20.04 LTS 的 chrome 浏览器上的输出截图

铬 | 视窗 10

铬 | Ubuntu 20.04 LTS

可能有一些简单的方法可以解决这个问题。提前致谢。

标签： htmlcss

Answer 1

按 ctrl 和 '-' 缩小，可能网站只是放大了，经常发生在我身上。