1

Chrome の計算スタイルに問題があるようです。Chrome の特定のインストールの特定の要素で、計算されたスタイルが CSS と異なる ここに画像の説明を入力

エラーはページ全体のいくつかの要素で発生しますが、同じコンピューターの safari または firefox には表示されません。プロジェクトの開発者の半分だけがこの問題を抱えており、数日おきに出入りするようです...

何か案は？

編集: 私は Retina 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 に答える