Обучение/Помощь новичкам | Авто распределение элементов
Как зделать распределение элементов.
Вот смотрите у меня есть 10 картинок, каждая имеет свой ид записана в базу в итоге для вывода использует один код.
При выводе они уродуют разметку каскада при попытке задать свое оформление. Как зделать так что бы они выводились в виде таблици с адаптацией под экран?
Я знаю для этого нужен каскад и таблица но как правильно зделать я не знаю.
Например так.
Эткран 320
1 2 3
4 5 6
7 8 9
Андроид
1 2 3 4
5 6 7 8
9.
Вот смотрите у меня есть 10 картинок, каждая имеет свой ид записана в базу в итоге для вывода использует один код.
При выводе они уродуют разметку каскада при попытке задать свое оформление. Как зделать так что бы они выводились в виде таблици с адаптацией под экран?
Я знаю для этого нужен каскад и таблица но как правильно зделать я не знаю.
Например так.
Эткран 320
1 2 3
4 5 6
7 8 9
Андроид
1 2 3 4
5 6 7 8
9.
Почитай про grid в css
И @media
Я ранше дел с грид не имел, по этому не знаю как он устроен.
Но после прочтения статей как-то интересно стало.
Ничего скачивать не надо. Почитай книгу "Отзывчивый дизайн на HTML5 и CSS3 для любых устройств" Бена Фрэйна. Там всё это рассмотрено. Много времени не займёт