Почему не масштабируется текст при уменьшении окна браузера?

Question

[SkyWayx]

Здравствуйте. Есть такой стиль, применяемый к тексту:

#slogan{
    font-family: Marianna, 'Marianna';
    font-size: 2.9em;
    color: #666666;
    line-height:1em;
    width:30%;    
    padding-left: 63%;
   }

Сколько в Интернете читал, везде пишут, что надо поставить em, и всё будет хорошо. Но я поставил, а текст всегда так и остаётся одного размера(
В чём проблема?

Answer 1

[Aligatro]

Вряд ли средствами css можно динамически увеличивать или уменьшать размер текста. Позиционирование в процентах относительно окна браузера - да, размер шрифта - нет. Для такого финта потребуется js или css media query.

Comments

[Aligatro]

Блин и правда, мой косяк. Спасибо буду знать.

Answer 2

[Pavel]

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

Приведу свой пример. Делал адаптивную верстку и использовал инструменты firefox "Адаптивный дизайн". С помощью этого инструмента можно изменять размер окна сайта, но размер экрана монитора изменять нельзя. Поэтому шрифты оставались большими, когда остальные элементы подстраивались. Позже я залил на хостинг этот сайт и открыл в смартфоне - шрифты отображались отлично )