Css 仅在手机上使用较大的字母间距

Css 仅在手机上使用较大的字母间距,css,mobile,text,fonts,Css,Mobile,Text,Fonts,令我惊讶的是,字母间距在移动浏览器、Android和iOS中不起作用。桌面工作很好。非常大的字母间距,我怎样才能修复它 谢谢 通常我会从引导开始构建站点,这样通常可以防止这些问题。除此之外,我将使用两种解决方案中的一种 第一种方法是根据屏幕大小为站点使用单独的样式表。 css将“字母间距”属性设置为您想要的任何值。例如: p { letter-spacing:3px; color;#000000; font-family:sarif; } 第二个选项是使用jquery直接

令我惊讶的是,字母间距在移动浏览器、Android和iOS中不起作用。桌面工作很好。非常大的字母间距,我怎样才能修复它

谢谢


通常我会从引导开始构建站点,这样通常可以防止这些问题。除此之外,我将使用两种解决方案中的一种

第一种方法是根据屏幕大小为站点使用单独的样式表。

css将“字母间距”属性设置为您想要的任何值。例如:

p {  
  letter-spacing:3px;
  color;#000000;
  font-family:sarif;
}  
第二个选项是使用jquery直接调整字母间距

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

if(window.width()通常我会从bootstrap开始构建站点,这通常会防止这些问题的发生。除此之外,我会使用两种解决方案之一

第一种方法是根据屏幕大小为站点使用单独的样式表。

css的“字母间距”属性设置为您想要的任何值。例如:

p {  
  letter-spacing:3px;
  color;#000000;
  font-family:sarif;
}  
第二个选项是使用jquery直接调整字母间距

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

if(window.width(),谢谢,但这不是正确的解决方案。我在桌面上使用Roboto字体很好,但在手机上的字母间距很大。响应测试没有发现问题,只是在手机浏览器上。我想我可能已经发现了问题。如果你使用的是手机safari,那么你应该尝试将字体权重设置为“字体大小:默认值;"如果在渲染字体重量时遇到问题,可能是其他浏览器上的问题。谢谢,但这不是正确的解决方案。我使用Roboto字体,在桌面上可以,但在手机上的字母间距很大。响应测试没有发现问题,仅在手机浏览器上。我想我可能已经发现了问题。如果您使用的是mobile safari t当您尝试将字体权重设置为“font-weight:default”时,如果其他浏览器在呈现字体权重时遇到问题,则可能会出现此问题。