Sign in to follow this  
Followers 0
александр76

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

4 posts in this topic

Добрый день.

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

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

 

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

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

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

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

post-2720-0-46073300-1403709373_thumb.png

Share this post


Link to post
Share on other sites

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

 

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

 

класс p{

font:normal 12px arial;

}

}

Share this post


Link to post
Share on other sites

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

 

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

 

класс p{

font:normal 12px arial;

}

}

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

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now
Sign in to follow this  
Followers 0

  • Recently Browsing   0 members

    No registered users viewing this page.