仅在移动

Question

令我惊讶的是，在移动浏览器，Android和iOS中，字母间距不起作用。桌面工作正常。非常大的字母间距，我怎么能解决它？

感谢。

Answer 1

通常我会以bootstrap开头构建网站，这通常可以防止这些问题。除此之外，我会使用两种解决方案中的一种。

首先，根据屏幕尺寸，只为网站使用单独的样式表 <link rel="stylesheet" media="screen and (min-device-width: 800px)" href="800.css" />

将css的“letter-spacing”属性设置为您想要的任何内容。例如：

p {  
  letter-spacing:3px;
  color;#000000;
  font-family:sarif;
}  

第二个选项是使用jquery直接调整字母间距

if (window.width() <= 800) { 
  $("p").css("letter-spacing", "3px");
});  

这是最优雅的解决方案，但如果你对jquery不够精通，那么第一个解决方案应该可以正常工作，但不建议这样做。
我希望这会有所帮助。