【发布时间】：2016-09-28 04:37:26
【问题描述】：
我不擅长编码 - 我可以自定义现有内容，但在更正页面上的徽标/标题时遇到了很多麻烦。只是页面左上角写着“craigknelson”的文字。
在缩小浏览器窗口大小时，它在桌面上运行良好，但在移动设备上查看时，它会拉伸文本，从而拉伸整个窗口的宽度。
这是我的文本间距的 CSS 问题吗？
【问题讨论】：
标签： html css web responsive-design letter-spacing
【发布时间】：2016-09-28 04:37:26
【问题描述】：
您的网站简单干净。减少字母间距和行高。
【讨论】：
-
您好，谢谢！我尝试减少字母间距——这对桌面显示产生了负面影响（由于网站的性质，这是我预计流量最多的地方），但希望它也能在移动设备上正确显示。我想这可能是在其他地方调整字母间距的问题？我只是不确定是否还有其他原因显示这样。
请在您的身边分享一张图片，这样我就可以更好地了解您遇到的问题。此外，在查看了您的网站后（看起来也不错），我使用了字母间距，这可能与它有关。也许这与移动浏览器的默认设置有关，例如它们可能已经有一些字母间距，并且添加更多会使其拉伸。尝试删除所有字母间距并重新添加它以确保没有浏览器默认值。如果一切都失败了，请尝试使用 px 而不是 em 进行字母间距测量。 谢谢！
【讨论】：
-
谢谢！当然，我一开始就应该这样做。
-
字母间距似乎与像素大小有关，因此对于具有大量像素的桌面来说，它看起来还不错。但是对于没有像素的手机来说，它占据了大部分空间。一个可能的建议是获取徽标文本并将其转换为相应缩放的 svg 图像。
-
这并没有完全解决手头的问题，但它是一个很好的解决方法！转换为 .svg 感谢您的建议！
-
另一种可能的解决方案是检测操作系统类型并相应地更改字母间距。 stackoverflow.com/questions/11219582/… 如果这些东西有帮助，请做一个好绅士并支持我的答案。否则不要做任何事情：P