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

Тема в разделе "Дизайн, оформление и шаблоны", создана пользователем Zlata Jesen, 3 дек 2015.

  1. Zlata Jesen

    Zlata Jesen Продвинутый пользователь

    Сообщения:
    165
    Симпатии:
    97
    Пытаюсь адаптировать дизайн для мобильных устройств, установила
    Код:
    h1 {word-wrap: break-word;} 
    и столкнулась с тем, что на реальном пятом айфоне с iOS 9.1 в Safari не работает это свойство и длинные слова в заголовках по-прежнему растягивают страницу по ширине. Не везде их можно заменить, допустим, "автосигнализация" или "автомагнитола" в теге h1 незаменимы, но и смотрятся ужасно. При этом, сузив окошко мозиллы, вижу, что перенос работает. Эмуляторы (допустим, этот), тоже показывают все нормально... но в реале-то... не работает. Подскажите, как быть... Что я не учитываю или делаю не так? Спасибо.
     
  2. Ravilr

    Ravilr Специалист

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

    слова или предложения?
     
    Zlata Jesen нравится это.
  3. Zlata Jesen

    Zlata Jesen Продвинутый пользователь

    Сообщения:
    165
    Симпатии:
    97
    Печально... Буду искать...
    Слова. Именно в заголовках h1, потому что крупный шрифт. С предложениями косяков не встречала.
     
  4. Vlad

    Vlad Эксперт

    Сообщения:
    3.869
    Симпатии:
    936
  5. Zlata Jesen

    Zlata Jesen Продвинутый пользователь

    Сообщения:
    165
    Симпатии:
    97
    @Vlad , спасибо, получилось.

    Добавила:
    Код:
        hyphens: auto;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
    Теперь переносы по встроенному словарю.