相同的 CSS 在不同的域上提供不同的字体大小答案

【问题标题】：Same CSS gives different font sizes on different domains相同的 CSS 在不同的域上提供不同的字体大小
【发布时间】：2019-07-28 00:33:55
【问题描述】：

以下情况发生在我身上：我有一个带有字体的 CSS，我在 em 中设置了大小。一切正常，并给了我想要的结果。但是在以下情况下会发生一些奇怪的事情：

在使用 PHP 和 HTML 页面以及 CSS 样式表开发我的网站后，当我将网站从子目录移动到目录（更高级别）时，字体大小突然改变。

以下情况我也有同样的问题：在域 www.abc.com 上一切正常，但一旦我通过站点别名 www.xyz.com 再次访问该站点，字体大小以 em 指定，与众不同。

我需要在 CSS 中考虑什么？

问候，汉斯

【问题讨论】：

确保浏览器的缩放设置相同，它们是按域存储的
域与字体大小无关，因此很可能您有 a) 在浏览器中为每个 URL 设置的不同缩放默认值 b) 由于损坏了一个或另一个站点中的 CSS 链接移动目录 c）由于移动目录而在一个或另一个站点中添加了 CSS。但我们无法确定，除非您可以与我们分享这两个网址以便我们查看。
检查 CSS 文件的路径。我敢打赌，一个或多个是硬编码的，并且匹配一个域，但不匹配另一个域。
你的文件结构还一样吗。如果您从 bobstesting 和您的链接从 bobstesting blah blah blah 转到主目录中的 bobsfishing.com，那么您的所有代码仍在 bobstesting 中，不再存在。
浏览器缩放设置相同，指向css或其他的链接不包含硬链接。 CSS 在两个域（硬域和别名）上工作。一旦我改变了一些东西，我就会在两个域上看到结果。只是别名域上的字体大小比另一个域小。

【解决方案1】：

确保您的 CSS 文件被正确访问后... 您是否设置了基本字体大小？ EM 是相对的，因此需要设置基本大小。例如，在您的 CSS 中，您将使用：

html, body{font-size:14px;}

p{font-size:1em;}
h1{font-size:1.2em;}

【讨论】：

嗨，我按照您的要求做了，但结果保持不变。通过普通域名访问页面给了我我期望的结果。通过域别名访问完全相同的文件会提供其他字体大小。我在访问网站时使用相同的浏览器。

【解决方案2】：

问题解决了！我所描述的问题似乎只发生在 Chrome 中。我确实清除了缓存、cookie、历史记录等。我没有清除的是密码、站点证书和托管的应用程序。

在我的浏览器中清除所有内容后，网站通过正常域名和别名域名正确出现。

感谢您的帮助。

【讨论】：

【解决方案3】：

我的问题不在于字体大小，而是每个域的缩放级别。检查每个域的缩放大小是否相同

【讨论】：