为什么仅仅通过在浏览器中重新加载页面，这种HTML表单有时呈现方式会有所不同？_Html_Forms_Firefox_Browser_Konqueror

为什么仅仅通过在浏览器中重新加载页面，这种HTML表单有时呈现方式会有所不同？

html forms firefox browser

为什么仅仅通过在浏览器中重新加载页面，这种HTML表单有时呈现方式会有所不同？,html,forms,firefox,browser,konqueror,Html,Forms,Firefox,Browser,Konqueror,以下有效的HTML5文档只需在浏览器中重新加载即可随机呈现（字体和框大小以不可预测的方式更改）（请确保执行shift重新加载，以便重置浏览器缓存）。我看不出为什么会发生这种情况。发生什么事了 <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>Some title</title> </head> <b

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

<!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>


一些头衔
一些标题
标签1:

标签2:

标签3:

这是一个测试

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

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

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

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

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

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

硬件加速。对于某些GPU和驱动程序，Firefox在页面上显示文本或对象时会遇到问题要确定是否是这种情况，您可以尝试关闭硬件加速，看看它是否解决了问题。单击菜单按钮并选择“首选项”。选择“常规”面板。在“性能”下，取消选中“使用推荐的性能设置”。将显示其他设置。取消选中“可用时使用硬件加速”

除此之外，提供问题的屏幕截图将大大有助于隔离您所看到的呈现问题的原因。

只需在浏览器中重新加载文档，文档就会随机呈现（字体和框大小以不可预测的方式更改）

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

编辑：

它和这个bug有联系吗

Edit2:

你是否有机会在身体标签上的rem中设置字体大小，并且正在使用chrome？这是我能找到的唯一一个类似的问题，它处理的是一个特定的问题，这显然是一个已知的Chrome bug

如果不了解下面的环境设置，我们将无法提供太多帮助

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

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

因此，需要更多的信息来理解这个问题。

你所说的不同是什么意思？有什么不同吗？没有。我在多个浏览器和多个操作系统下试过。在WindowsFirefox73上不那么引人注目，也不那么频繁，但仍然存在。我要求任何对这个问题发表评论的人在回答之前至少尝试复制这个bug。@Dr.PersonPersonII：你应该创建一个JSFIDLE或一个SO代码片段，这可能会帮助我们“看到”行为。我不明白为什么复制粘贴html文件如此困难，但这里有一个JSFIDLE。。。。事实上，我很惊讶这个问题出现在JSFIDLE中，但它更难被注意到。如果你一直点击“Run”，你最终会看到不同的按钮渲染（观察角落…圆形和方形）。我还没有用JSFIDLE更改字体和输入框，只是直接使用浏览器。请考虑：验证您没有任何扩展运行得像密码管理器一样，扫描输入字段以查看它们是否可以填充。这些扩展有时会修改HTML。还考虑制作DOCTYPE大写字母。从技术上讲，它是不区分大小写的，但是不同的浏览器可能会很挑剔。我无法使用Firefox的安全模式复制此问题。我仍然在使用Konquer时看到这个问题，这很奇怪，因为我没有为它使用任何扩展或任何东西。在这种情况下，我会确保您的图形驱动程序是最新的-如果您在应用程序中看到它，这对我来说是最有意义的。