查看 the gallery i'm building在 webkit 浏览器上..
请注意右上角的词 - available, sold, contact - 这是 <ul> 的一部分, 被列为垂直.. 即使在 Firefox 上，由于 ul {list-style-type: none;} 而它们被水平列和 li {float: left;} .
点击“可用”，注意它们整齐地水平对齐。使用后退按钮或单击左上角的“可疑”，它们将保持在第一页上整齐的水平对齐方式。然后刷新你的浏览器，它又变成了垂直的。
.menu ul {
list-style-type: none;
margin: auto;
}
.menu li {
padding: 15px;
float: left;
margin-left: 2px;
margin-right: 2px;
font-size: 20pt;
}
最佳答案
与字体定义一起使用的菜单标题中的字体会导致此问题。 相关主题:Accurate width of element when using font-face in Chromium 对于 li，您可以尝试使用“display:inline-block”而不是“float: left;”
为什么不使用 png 图像作为菜单标题？
关于css - 愚蠢的 webkit 错误 - 刷新与单击更改元素放置，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/9368134/