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

Question

I'm using sizes in "REM" and to my surprise the letter-spacing is not working in mobile browsers, Android and iOS. Desktop Work Fine.

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 */
}

desktop:

mobile:

Answer 1

Try word-spacing ...though I always use 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;
}

*UPDATE :

I see your using a webfont check this and see if its useful:

Webkit, letter-spacing issues with webfonts

The only other answer for you is:

• Change REMs to EMs and test

• Web font - make sure you have svg last