0

所以知道为什么 Chrome (17.0.963.79) & Opera (12.12) 会忽略我的“字母间距：0.03em;” 正文？在 Mozilla 和 IE 中它可以工作。

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8" />
    <title>test page</title>
    <style>
        html, body {
            margin: 0;
            padding: 0;
            font: normal 100%/1.375  Georgia, serif;
        }
        html { background-color: #333; }
        body { 
            margin: auto; 
            max-width: 75em;
            padding-top: 1.375em;
            background-color: #fff;  
            }
        h1 {
            font-weight: normal;
            word-spacing: -0.05em;
            letter-spacing: 0.03em;
            text-transform: uppercase;
            }
    </style>
</head>

<body>

    <h1>Hello World</h1>

</body>

</html>
4

1 回答 1

1

我在具有 1680×1050 屏幕的 Chrome（版本 24.0.1312.57 m）上尝试了您的代码。当我在你的letter-spacing: 0.03em;和letter-spacing: 0.0em;默认大小之间切换时，它看起来相同，但是当我放大一个级别（CTRL +）时，0.03em 文本呈现出比 0.0em 文本更宽。

所以，我看到你的问题有几个可能的答案：

  • 在默认缩放级别 (CTRL 0) 下，0.03em 字母间距不足以显示任何差异，但缩放级别 +1 (CTRL +) 确实显示了差异。
  • 也许您的低级 Chrome (17.0.963.79) 无法处理子像素letter-spacing: [tiny]em;，而 Chrome (24.0.1312.57 m) 处理它。
  • 也许您的屏幕分辨率不够大，无法显示差异。
于 2013-02-17T00:10:30.827 回答