Форум Сайтостроение Веб-строительство

Адаптивные div'ы нужно сделать

Konceptovskiy
На сайте с 31.01.2011
Offline
140
Konceptovskiy
1055

Привет всем.

На странице сделал блоки(div). На вид, скажем 4 штуки блоков по горизонтали. И сделал, чтоб когда браузер сворачивается в окно на какой-то процент, то блоки эти идут один за другим по вертикали, прописал float:left;). То есть, если ширины хватает для двух блоков, то висят эти блоки по 2 штуки по горизонтали, если мало ширины для двух, то идут в ряд по вертикали. Но, нужно прописать еще для этих блоков в css такое, что бы при сворачивании на более меньшую ширину площади, чем сами блоки(див), эти блоки по границам уменьшались еще индивидуально, а текст соответственно тоже, что бы могли людишечьки дорогие читать даже на узком по горизонтали экране.

Как сделать? :confused:

lutskboy
На сайте с 22.11.2013
Offline
171
lutskboy
#1

ширину задавайте в процентах а не пикселях

С
На сайте с 19.08.2011
Offline
51
Стрихар
#2
lutskboy:
ширину задавайте в процентах а не пикселях

Это не решит всех хотелок при данном тз.

Да, верстка должна быть в процентах, но основная суть тут в применении media queries

Konceptovskiy
На сайте с 31.01.2011
Offline
140
Konceptovskiy
#3

Я прописал:


max-width:400;
min-width:300;

и работает.

Только вот сравниваю мозилу и ie, смотрю, что мозила по другому реагирует в отличии от ie. IE перебрасывает div на другой ряд тогда, когда ширина становиться меньше, чем минимальная для второго div и второй div может сужаться до минимальной(и только по достижении минимальной, второй div уже перескакивает на другой ряд), а вот мозила сразу перекидывает на второй ряд div, если ширина меньше максимальной.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий