Question

我似乎对Chrome的计算样式存在问题。在某些chrome安装的某些元素上，计算出的样式与css不同 enter image description here

错误发生在整个页面的几个元素上，但不会出现在同一台计算机上的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;
}

Answer 1

我使用以下代码和视图重现了同样的问题 - ＆gt;放大（一次）

这将我的字体大小从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>

修复方法是将缩放更改回正常：查看 - ＆gt;实际尺寸

Chrome计算样式不正确

1 个答案: