Сегодня я обновляю свой телефон до iOS7 и узнаю какую-то странную проблему.
(blog.niwyclin.org) Это тестовая страница моего веб-сайта
В настольном браузере это выглядит хорошо.
Я использую Respivator для проверки и его совершенства, как это (i.minus.com/ipy6XHEepJcvf.png)
но в браузере в iOS7 (включая сафари и хром)
(I.minus.com/i2B2Ul5f09WL8.png)
(I.minus.com/iDM5uVFIvegKe.png)
это сломает слово, но я не знаю почему.
Он имеет white-space: pre
set.
Любые проблемы с моим кодом css (less)?
Я нашел решение.
С http://www.mobilexweb.com/blog/safari-ios7-html5-problems-apis-review
кажется, webkit на iOS 7 меняет свойство overflow-wrap
.
поэтому я добавлю pre {overflow-wrap: normal;}
manuale, и все сделано.