Ios Safari：文本重叠，不考虑容器边框

我使用html5模板制作了一个简单的网站。Firefox和Chrome上的一切看起来都很棒，但在用MacBook和iPadPro测试过的Safari上，文本呈现不正确。它不尊重容器的宽度，有时单词或字母甚至重叠。我一标记文本，它就可以正常渲染了

你知道这是怎么回事吗？该模板使用google web字体，并将其导入css文件中

用于该问题的实时预览

MacBookiOS11发行

iPad Pro iOS 11

---

从我看来，有两件事：当从p规则中禁用字母间距时，它会恢复正常

但最重要的是，您的排版样式似乎是一个SCSS文件，并且没有编译为CSS，因此出现了显示错误

您可能希望将其编译为CSS，然后再试一次。

---

希望能有所帮助

我在一个网站上也遇到过同样的问题，因为字符重叠，我认为这是回车的问题，我从Invision中复制了文本内容，发现它造成了这些问题。当我移除支架时，返回的文本读得很清楚，但是我仍然有文本重叠的问题，就像你一样，我感觉这是webkit浏览器中的一个字母间距错误，因为我在新ipad上遇到了同样的问题，有趣的是，我坐在旁边的旧ipad 2完美地显示了这一点

对于溢出容器的文本，是否有任何空白：nowrap；设置？你好，t3。不是在这些地方，那里会发生溢流。谢谢你的建议@t3_urry。你说得对，这里有一个typography.scss文件。实际上，文件结构是这样的：到目前为止，我只在style.css文件中工作。您建议如何使用typography.scss文件将其编译为css？谢谢你的帮助！我不知道你的项目涉及到哪些技术人员，但如果你计划缩小并创建一个生产版本，我强烈建议你可以使用Webpack来实现。如果没有的话，我已经找到了一个tuts，它解释了如何使用Node Sass。很抱歉，没有回到这个问题上，@t3_uy。我被困在另一个项目中。我会让你知道，当我有机会尝试。。。到目前为止，我根本没有缩小网站，只是把它原样上传到服务器上。谢谢你的提示！