Не получается перенос длинных слов (word-wrap: break-word;)

Пытаюсь адаптировать дизайн для мобильных устройств, установила

Код:

h1 {word-wrap: break-word;} 

и столкнулась с тем, что на реальном пятом айфоне с iOS 9.1 в Safari не работает это свойство и длинные слова в заголовках по-прежнему растягивают страницу по ширине. Не везде их можно заменить, допустим, "автосигнализация" или "автомагнитола" в теге h1 незаменимы, но и смотрятся ужасно. При этом, сузив окошко мозиллы, вижу, что перенос работает. Эмуляторы (допустим, этот), тоже показывают все нормально... но в реале-то... не работает. Подскажите, как быть... Что я не учитываю или делаю не так? Спасибо.

 

с айосами придется повозится. Не все css работают как надо. Иногда приходится искать ответ на специлизированных форума и по интернету.

слова или предложения?

 

Печально... Буду искать...

Слова. Именно в заголовках h1, потому что крупный шрифт. С предложениями косяков не встречала.

 

http://coolestguidesontheplanet.com/stop-hyphens-css-ios-mobile-safari-iphones/
http://stackoverflow.com/questions/20703235/safari-css-word-break-keep-all-is-not-working

 

@Vlad , спасибо, получилось.

Добавила:

Код:

    hyphens: auto;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;

Теперь переносы по встроенному словарю.