Question

所以任何想法为什么Chrome（17.0.963.79）＆amp; 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>

Answer 1

我在Chrome（版本24.0.1312.57 m）上使用1680×1050屏幕尝试了您的代码。当我在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米）处理它。
也许您的屏幕分辨率不足以显示差异。

为什么Chrome＆amp; Opera忽略了我的字母间距：0.03em;？

1 个答案: