字体大小随刷新而改变答案

【问题标题】：Font Size Changing with Refresh字体大小随刷新而改变
【发布时间】：2014-03-23 19:20:51
【问题描述】：

当我最初加载我的网站时，字体大小都是正常的，但是当我点击刷新时，大小几乎翻了一番，并且没有恢复正常。我检查过使用 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";
}

【问题讨论】：

请发布相关的less，css和浏览器类型
这里是文本大小规则：h1 { .fontSize(10); } h2 { .fontSize(4); } body { .fontSize(2); } .fontSize(@sizeValue) { @remValue: @sizeValue; @pxValue: (@sizeValue * 10); font-size: ~"@{pxValue}px"; font-size: ~"@{remValue}rem"; }
您的网站是否托管在多个服务器上？
我确实看到了大小字体之间的切换。查看开发工具（在 Chrome 中），所有静态资产都没有改变（304），所以唯一想到的是您网站中的某种 CSS 定义冲突，浏览器随机选择一个。我看到 CSS 的计算值在 20px 和 32px（字体大小）之间切换字体大小，在 70px 和 105px 之间切换高度。
@Kendra 请删除您的评论，您应该始终将代码添加到您的问题中。有人已经这样做了，但下次请自己做，并留下评论说你已经做到了。

标签： css html fonts less font-size

【解决方案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

【讨论】：

这很奇怪，我从未在其他网站上注意到它。感谢您的信息！