css - 在 chrome 中使用 REM，无法重现错误

Question

正如标题所说，我正在尝试在页面的所有元素(而不仅仅是字体)上使用 REMS 并为旧浏览器提供 px 回退。测试网址为:test.glow-sticks.org

如果以下任何术语不正确，我深表歉意，我远不是专家!

在超过 1024 的分辨率下，使用 (html in css) 的字体大小设置为 62.5%，所以 1rem = 10px，在这个分辨率下我的默认字体为 1.4rem/14px

在超过 1680 的分辨率下，html css 设置为 71.4%，通过设置这个百分比，字体从 14px 变为 16px，当然所有的元素都以相同的百分比增加，这非常酷并且似乎将所有内容都保留在完美同步。

这在我的电脑上似乎运行良好，就像在我一直使用的许多其他测试平台上一样。然而，我的网络开发人员似乎在她的机器上遇到了问题，但仅限于 chrome。 (firefox 和 IE 不受影响)

在她的机器上，当她将分辨率降低到 1024(从她原来的 1920)分辨率时，网站正在加载水平滚动条，而在我的机器上，它适合 1024。使用 chrome inspection element 工具时会变得更有趣。我一直在检查一个 DIV，特别是 Div id=wholepage，在 1024 屏幕上查看时它应该是 960px 宽，而在 1680+ 上查看时它应该是 1097px 宽。

但是在她的 Chrome 上，div=wholepage 在 1024 分辨率下显示 1152px，在她的原始 1920 分辨率下显示 1152px。

我注意到在我的 Chrome 版本上，我必须将字体大小设置为 75% 才能重现相同的内容。似乎无论我将 font-size 设置为 wholepage div 仍然是 1152px。我什至尝试了 10%，这在我的 chrome 上非常正确，使一切都变得很小，但在她的机器上没有任何变化。唯一发生变化的是字体大小确实显示为 10%，但就好像它没有受到尊重并且被覆盖了至少 75%。

有人可以复制这个吗？

她能想出的唯一解决办法是使用更高的百分比，如 90% 和 103%，这提供与 62.5 和 71.4 相同的增加，但是保持它似乎更好，所以 1 rem = 10px，这就是我想要的原因以这个 62.5 为基数。

Answer 1

没关系，我已经能够通过将 chrome 最小字体大小设置为 12px 或更高来重现错误。在我的设置中，它被设置为 6px，这就是为什么一切都在我的版本上加载正常。

16px 是 chrome 的默认大小，12px 可能是 chrome 的默认最小字体大小，这解释了为什么我的 Web 开发人员只能将字体大小降低到 75%。我还注意到 -webkit-text-size-adjust:none;不再有效，这是可以理解的!