0

以下有效的 HTML5 文档随机呈现（字体和框大小以不可预知的方式更改），只需在浏览器中重新加载它（确保执行 shift-reloads 以便重置浏览器缓存）。我看不出为什么会发生这种情况。这是怎么回事？

<!doctype html>

<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Some title</title>
</head>

<body>

<h1>Some heading</h1>

<form id="myformid" action="myformaction.php" method="post">
    <label>label1: </label><input type="text" name="name1" required><br>
    <label>label2: </label><input type="text" name="name2"><br>
    <label>label3: </label><input type="text" name="name3"><br>
    <input type="submit" value="Submit">
</form>

<p>This is a test</p>

</body>

</html>
4

3 回答 3

4

这是您当前设置的特定内容，如果没有更多信息，很难确切地说出它发生的原因......

也就是说，为什么会发生这种情况有一些明显的原因。

  1. 扩展。可能是您有一个扩展或插件正在改变页面呈现。例如，Greasemonkey 通过使用少量 JavaScript 自定义网页的显示或行为方式。

要确定是否是这种情况，请在安全模式下启动 Firefox。安全模式暂时禁用所有扩展，使用默认主题，并关闭硬件加速。去做这个; 单击菜单按钮，单击“帮助”并选择“禁用附加组件重新启动...” Firefox 将启动 Firefox 安全模式对话框。如果这解决了它，那么请注意它可能是扩展或硬件加速 - 以隔离尝试下面的步骤 3。

  1. 飞涨。可能是您无意中更改了浏览器的缩放级别，从而导致字体和框大小发生变化。

要确定是否是这种情况，请在您注意到渲染变化时重置缩放级别。单击右侧的菜单按钮。自定义菜单将打开，您将在顶部看到缩放控件。确保缩放级别设置为 100%

  1. 硬件加速。对于某些 GPU 和驱动程序，Firefox 可能无法在页面上显示文本或对象。

要确定是否是这种情况，您可以尝试关闭硬件加速以查看它是否可以解决问题。单击菜单按钮并选择“首选项”。选择“常规”面板。在“性能”下，取消选中“使用推荐的性能设置”。将显示其他设置。取消选中“可用时使用硬件加速”。

除了提供问题的屏幕截图之外，对于隔离您所看到的渲染问题的原因还有很长的路要走。

于 2020-02-21T16:18:17.077 回答
1

文档随机呈现（字体和框大小以不可预知的方式变化）只需在浏览器中重新加载即可

除了浏览器上的扩展对您造成干扰之外，当您提到清除缓存时，我唯一想到的另一件事是脚本/css 文件无法加载，或者仅在其中一次重新加载时加载。这可能会使 HTML 看起来不同。但我什至没有看到任何自定义 CSS 被使用，所以我很怀疑。

编辑：

它与这个错误有关吗？https://bugs.chromium.org/p/chromium/issues/detail?id=319623

编辑2：

您是否有任何机会在正文标签上的 rem 中设置了字体大小，并且正在使用 chrome？这是我能找到的唯一类似的问题，它处理的是特定的事情，这显然是一个已知的 Chrome 错误。

Chrome 不尊重正文标签上的 rem 字体大小？

于 2020-02-22T02:04:46.407 回答
1

如果不了解以下几个细节的环境设置，我们将无能为力。

  • 哪个操作系统 => windows/linux/other 具有特定版本
  • 哪个浏览器 => 特定版本的 IE/Chrome/Firefox
  • 浏览器/PC 上产生此行为的任何扩展
  • 还有更多的点。

我只是简单地保存了您的 html 并在 IE 和 Chrome 上运行，而没有注意到每次重新加载时有任何区别。

所以需要更多的信息来理解这个问题。

于 2020-02-22T02:18:49.483 回答