html - iOS7 webkit 上的跨度分词

Question

今天我把我的手机升级到iOS7，发现了一些奇怪的问题。

(blog.niwyclin.org) 这是我网站的测试帖子页面

在桌面浏览器上看起来不错。

我使用 Responsivator 进行检查，它很完美，就像这样 (i.minus.com/ipy6XHEepJcvf.png)

但在 iOS7 的浏览器上（包括 safari 和 chrome）

(i.minus.com/i2B2Ul5f09WL8.png)

(i.minus.com/iDM5uVFIvegKe.png)

它打断了一个词，但我不知道为什么。

它已经white-space: pre设置。

我的 css(less) 代码有什么问题吗？

Answer 1

我找到了解决方案。

来自http://www.mobilexweb.com/blog/safari-ios7-html5-problems-apis-review

似乎 iOS 7 上的 webkit 更改了overflow-wrap属性。

所以我添加pre {overflow-wrap: normal;}了manuale，它就完成了。