css - 字体大小随着刷新而改变

Question

当我最初加载我的网站时，字体大小都是正常的，但是当我点击刷新时，大小几乎翻了一番，并且没有恢复正常。我检查过使用 Ctrl+ 和 Ctrl- 更改字体大小，这会将字体改回正常大小(默认大小的 90% 或 110%)。

一切都有效。

http://mylivingspacefinder.com/

======来自作者的评论======

这是文本大小规则:

h1 {
    .fontSize(10);
}

h2 {
    .fontSize(4);
}

body {
    .fontSize(2);
}

.fontSize(@sizeValue) {
  @remValue: @sizeValue;
  @pxValue: (@sizeValue * 10);
  font-size: ~"@{pxValue}px"; 
  font-size: ~"@{remValue}rem";
}

Answer 1

这是 Chrome 中的一个已知错误，https://code.google.com/p/chromium/issues/detail?id=319623

同时尝试在 body 标签上使用 em 而不是 rem 或将 font-size 应用于包装元素

body > div {
  font-size: 1.4rem
}

如此处所示 https://stackoverflow.com/a/20173967/2459418