在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。

my 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，就完成了。