Как указать минимальный размер шрифта на чувствительной веб-странице

Я пытаюсь установить минимальный размер шрифта для некоторого текста на моем веб-сайте. Раньше этот текст использовался для сжатия до неразборчивого размера по размеру мобильного устройства, поэтому я настроил медиа-запрос, чтобы задать размер шрифта для меньшего размера экрана.Как указать минимальный размер шрифта на чувствительной веб-странице

@media (макс-ширина: 760px) {

.tp-caption.medium-text { 
    font-size: 15px !important; 
    text-align:center !important; 
    margin-top: 30px !important; 
    }

}

Проблема у меня в том, как получить текст, чтобы обернуть normerly. На данный момент он не обертывается. Когда я добавляю «белое пространство: нормальное» к стилям, кажется, что они обертывают каждое слово, и я не могу понять, какие другие стили работают над этим элементом, чтобы заставить его обернуться этим странным образом?

Сайт находится здесь: www.alexch.net/ignition

Любые советы будут appreicated

Большое спасибо Alex

источник

2016-11-11 alex_cissokho

Предоставить jsfiddle –

Если вы спрашиваете, как обернуть текст, в CSS для этого является;

word-wrap: break-word;

Ваш сайт не должен сокращать текст, вы используете% для размера шрифта?

источник

2016-11-11 12:15:15 Jay

Спасибо за ответ. Я в основном настраиваю тему, которую я купил. Я думаю, мне, вероятно, нужно спросить разработчика, который создал тему, поскольку они должны быть в состоянии сказать мне, какие другие стили переопределяют мои попытки указать, что текст должен быть обернут. –

Если вы щелкнете правой кнопкой мыши и нажмите «Проверить», используя инструменты chrome dev или firefox firefox, вы сможете увидеть, что является переопределяющим. – Jay

Спасибо! Когда я это делаю, я вижу стиль элемента: white-space: nowrap; , который, как я думаю, вызывает проблему. Однако когда я укажу «white-space: normal;» в моем ownstyles.css doc, каждое слово, кажется, обертывается на новую строку. Не уверен, что я должен использовать какое-то другое правило css, чтобы просто его обернуть, прежде чем он уйдет с краев экрана? –

Как указать минимальный размер шрифта на чувствительной веб-странице

ответ

Смежные вопросы