1

我似乎对 Chrome 的计算样式有疑问。在某些 chrome 安装的某些元素上，计算的样式与 css 不同 在此处输入图像描述

该错误发生在整个页面的多个元素上，但未出现在同一台计算机上的 safari 或 firefox 中。该项目中只有一半的开发人员遇到过这个问题，而且它似乎每隔几天就来来去去......

有任何想法吗？

编辑：我有一个视网膜 MPB，另一个有这个问题的开发人员有一个 13 英寸的 MacBook Air，都在运行 Mountain Lion

编辑 2：这是在屏幕截图中生成计算样式的 css 块（尽管不是唯一一个有错误的

#nav-items div.item {
margin-left: -4px;
height: 64px;
display: inline-block;
text-align: center;
font-family: "HelveticaNeueW01-77BdCn 692722";
font-size: 26px;
text-shadow: 0px 1px 0px rgba(255,255,255,0.90);
line-height: 64px;
background-color: eee;
border-top: 1px double #ccc;
}
4

1 回答 1

1

我使用以下代码和 View -> Zoom In (once) 重现了相同的问题

这将我的字体大小从 26px 更改为 26.363636016845703px

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
  #nav-items div.item {
  margin-left: -4px;
  height: 64px;
  display: inline-block;
  text-align: center;
  font-family: "HelveticaNeueW01-77BdCn 692722";
  font-size: 26px;

  text-shadow: 0px 1px 0px rgba(255,255,255,0.90);
  line-height: 64px;
  background-color: eee;
  border-top: 1px double #ccc;
}
</style>

</head>
<body>

<div id="nav-items">
  <div class="item">Hello World</div>
</div>
</body>
</html>

解决方法是将缩放改回正常：查看 -> 实际大小

于 2013-03-02T11:59:51.663 回答