html - iOS7 webkit 上的 Span 分词

Question

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

(博客.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，然后就完成了。