仅在使用chrome刷新时出现CSS错误

我的电脑上有一个带有CSS的ennoying bug。 这是一个仅限chrome的随机bug。它通常在第一次访问时出现，会随着刷新（F5）或调整窗口大小而消失。要使其重新出现，您必须刷新页面（有时多达10次）

当bug出现时，菜单栏的两个链接（“Blog”和“Qui suis je”）的像素太低，并且在chrome的计算机css框之外（在开发工具中）

（来源：）
]

这是一个有缺陷和无缺陷的gif：

在谷歌上搜索之后，我尝试了以下方法：

• 修复清漆以避免304错误（错误描述）
• 我试图将

  @import-url（CSS-url）

  所针对的CSS的所有内容复制到主CSS文件中（已描述）
• 删除所有自定义css
• 我能够在4台不同的电脑上重现这个错误（相同的Chrome版本）

同样的结果。我在主题开发者的网站上也看到了同样的情况（记住，有时候你必须刷新/关闭并重新打开标签才能查看）

有人有主意吗？主题的开发人员说他不能复制这个bug，但正如我说的，我在4台不同的计算机上看到了它

多谢各位

以下是资料：

• Chrome44.0.2403.89，完全没有插件
• Wordpress最新版本（4.2.3）
• 最新主题

---

这看起来像是垂直对齐问题，但可能不是。不过，你可以在这里做几件事来解决这个问题：

落差浮动

li

中的

a

子元素是浮动的。这是没有必要的，我建议删除它们

假装 您没有理由依赖实际文档流在需要的地方显示它。我要提前警告你，这本书写起来很恶心，但很有魅力

在原始

a

元素上

• 将

  a

  的文本复制到一个跨距中，然后将其放在另一个跨距的旁边
  示例

• 这是一个有点巫毒的地方，我们让跨度保留单词所需的实际空间，然后强制元素在选项卡中完全居中显示。

  变换

  位只是拖动它，使元素的中心位于您提供的

  顶部

  和

  左侧

  坐标处，因此您可以随意使用这些坐标，将它们放到您想要的位置

---

希望有帮助。

您的错误是什么？你能告诉我们关于bug的事吗？@Leothelion请看OP发布的图片。@highqweb，是的，我做了，但仍然没有理解要点？但是在开发者网站上我可以看到这个问题。明白了。sry。。我在我们的一个客户的网站上也面临着这个问题。我也在处理这个问题。@madoxav你有没有尝试在你的网站上增加盒子大小<代码>html{-webkit框大小：边框框；-moz框大小：边框框；框大小：边框框；}*，*：之前，*：之后{-webkit框大小：继承；-moz框大小：继承；框大小：继承；}谢谢。第一个提示没有解决问题，我现在正在看第二个。是的，它成功了，谢谢。但这不是一个“简单”的解决方案，因为我必须在每次主题更新时修改代码。这似乎是一个更简单的解决方案，因为它只意味着在css中添加一些行。@madoxav您可以随时创建子主题。主题更新后，您所做的更改不会消失。更多信息请阅读这里：

 <a href="/place/on/my/site">Mes chiennes</a>
 <span>Mes chiennes</span>

 #nav li {
   position: relative;
 }
 #nav li span {
   visibility: hidden;
 }
 #nav li a {
   position: absolute;
   display: block;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}