Question

当我最初加载我的网站时，字体大小都正常，但是当我点击刷新时，大小几乎翻倍，并且不会恢复正常。我已经检查过使用Ctrl +和Ctrl-更改字体大小。这会将字体更改回正常大小（默认大小的90％或110％）。

一切都有效。

======从作者的评论中添加======

以下是文字大小规则：

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

字体大小随刷新而变化

1 个答案: