MegaMufa
@MegaMufa

Как обрабатывать мягкий перенос только на телефонах?

Есть текст, выровненный по ширине. На мониторах и планшетах он смотрится нормально т.к. из-за большой ширины нет больших пробелов между словами, при этом текст аккуратно выровнен. Проблемы начинаются на телефонах - ширина экрана маленькая и тут как раз появляются широкие пробелы, которые портят всю картину.

Чтобы избавится от широких пробелов использую символ мягкий перенос (­). Но переносы нужны только на телефонах.

Собственно вопрос. Можно ли сделать так, чтобы знаки переноса обрабатывались при @media (max-width: 700px)? Или каким-либо другим способом выключить их обработку на широких экранах?
  • Вопрос задан
  • 168 просмотров
Пригласить эксперта
Ответы на вопрос 2
gassmonkey
@gassmonkey
Провокатор
Только костыль - заключать их в span, и удалять его, когда не нужен.
Ответ написан
Комментировать
Блин, думал получиться с помощью hyphens: none; но на вебкитах не работет (( — caniuse.com/#feat=css-hyphens
Вот пример, в мозилле работает
codepen.io/corvus-007/pen/rxYYLp?editors=110
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы