Сведения о вопросе

Killer

20:28, 17th August, 2020

Теги

iPhone   CSS   Шрифты    

CSS font-size для свойства text-overlflow?

Просмотров: 303   Ответов: 2

Попробовал верстать под мобильные устройства, нужно чтобы слово, не помещающееся по ширине блока, не переносилось, а подгонялось по ширине(уменьшался размер шрифта). Может есть какие-то хитрости?



  Сведения об ответе

прога

03:52, 22nd August, 2020

нет, кажется в CSS ничего похожего нет. overlflow может только обрезать текст в различных вариациях.

Скорее всего реализовать это можно только на JS — считаем ширину ячейки, потом количество символов * среднюю ширину символа при, например, 12px и соответственно уменьшаем размер текста.

Но вообще этот вариант будет изобиловать косяками — разные размеры шрифта это вообще некрасиво, и не факт, что сильно мелкий шрифт человек вообще прочитает. Лучше подумать в сторону кнопочки «далее», плавающего размера ячейки по высоте или вывода полного текста при «наведении» на нужную ячейку и т.п.


  Сведения об ответе

P_S_S

00:40, 2nd August, 2020

Так а в чем проблема? укажите размер текста в % отношении


Ответить на вопрос

Чтобы ответить на вопрос вам нужно войти в систему или зарегистрироваться