@FOGstudio

Что делать с нечетным количеством блоков в адаптивной верстке?

При адаптивной верстке, четыре блока сольются в два, два в один. А что будет с тремя? Пятью? Нечетным количеством?
  • Вопрос задан
  • 2743 просмотра
Пригласить эксперта
Ответы на вопрос 5
FullWipe
@FullWipe
Я не совсем отвечу по теме

Вот посмотрите как реализованно на awdee.ru, просто меняйте размер окна браузера
Ответ написан
DeLaVega
@DeLaVega
Верстаю, фронтэндю =)
Как дизайнер накреативит дизайн для мобильных версий, так и должны верстать, а вы в свою очередь, должны задавать ему вопросы о том, как должен себя вести блок при том или ином разрешении экрана.
Ответ написан
Зачем сливать блоки в кучу?
Пусть "спрыгивают" один под другой
Ответ написан
@ModestesGonze
Как понять, что будет? Как сверстаешь так и будет.
1. Можно ужимать, чтобы 3й блок не сползал. Тут от контента в этих блоках зависит.
2. Растягивать на всю ширину. Тоже от контента зависит
3. Скрывать лишний
4. Ничего не делать.
Ответ написан
olexandrbig
@olexandrbig
Здравствуйте, зачастую при уменьшении ширины контента уменьшается количество колонок.
Причина в том что компонировка одного елемента есть исключительной (в плане дизайна) ресайзить его не желательно, потому просто блоки пока есть место стают 5, 4, 3 , 2 и в самом конце 1 на екран.
Для етого зачастую лучше всего использовать
display:inline-block
для елементов которые денамиски располагаются и
text-align:center
родителю.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы