css - 字母间距不适用于移动浏览器，仅适用于台式机

我在“ REM”中使用尺寸，令我惊讶的是字母间距在移动浏览器，Android和iOS中不起作用。桌面工作正常。

的CSS

#header{
 position: relative;
 text-align: center;
 overflow: hidden;
 height: initial;
}

#header h1{
 position: absolute;
 font-size: 12rem;
 right: 3rem;
 margin: 0;
 text-shadow: 0 4px #570b0b;
 letter-spacing: -0.7rem; /* Work Only Desktop */
}

桌面：


移动：

最佳答案

尝试word-spacing ...尽管我总是使用ems：

#header h1{
 position: absolute;
 font-size: 12rem;
 right: 3rem;
 margin: 0;
 text-shadow: 0 4px #570b0b;
 letter-spacing: -0.7rem; /* Work Only Desktop */
 word-spacing: -0.7rem;
}

*更新：

我看到您使用的是webfont，请检查一下是否有用：

Webkit, letter-spacing issues with webfonts

您唯一的其他答案是：


将REM更改为EM并进行测试
网络字体-确保最后有svg

关于css - 字母间距不适用于移动浏览器，仅适用于台式机，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/23893333/