CSS изменение размера текста при изменении окна

[александр76 17]

Добрый день.

Подскажите как сделать чтобы на первом слайде (только там пока полностью заполнена информация) http://test.instrument76.ru/work/second.html при уменьшении окна уменьшался текст 

"Дизайн проект квартиры в Москве для семьи из четырех человек. Требовалось выделить место для спальни, сделать гардеробную и освободить место в гостиной. Результатом стала почти трехкомнатная квартира."

 

min-width и max-width - не работают, скорее всего из-за прописанных свойств у тега HTML.

Допустим минимальный размер 300 и максимум текст может увеличиваться до 500 пикселей (текст через position:absolute, установлено свойство right и top. Поэтому увеличиваться текст будет в левую сторону).

Т.е. причиной считаю большую фоновую картинку, или может я её неправильно разместил, тогда как правильно сделать?

Если не понимаете, что я тут написал - напишите, объясню еще разок.

[Macdec 139]

попробуйте заключить в медиа-запрос.

 

@media screen and (min-width:300px) and (max-width:1024px) {

 

класс p{

font:normal 12px arial;

}

}

[александр76 17]

попробуйте заключить в медиа-запрос.

 

@media screen and (min-width:300px) and (max-width:1024px) {

 

класс p{

font:normal 12px arial;

}

}

Спасибо, вроде подошло :-)

[Macdec 139]

Спасибо, вроде подошло :-)

Не за что. Главное чтобы работало.