Гость
Статьи
Как сделать адаптивную …

Как сделать адаптивную верстку?

Может кто-то может рассказать, как через @media сделать адаптивную верстку сайта. Я не понимаю, как в @media задавать размеры, то есть откуда брать цифры для размера сайта.

Автор
5 ответов
Последний — Перейти
Гость
#1

я понимаю только в размерах бананов

Гость
#2

@media (min-width: 576px) { ... }
@media (min-width: 768px) { ... }
@media (min-width: 992px) { ... }
@media (min-width: 1200px) { ... }
@media (min-width: 1400px) { ... }

Гость
#3

Используй бутстрап

Гость
#4
Гость

@media (min-width: 576px) { ... }
@media (min-width: 768px) { ... }
@media (min-width: 992px) { ... }
@media (min-width: 1200px) { ... }
@media (min-width: 1400px) { ... }

@media (min-width: 576px) { ... } - это определенно мобила
@media (min-width: 768px) { ... } - планшет портрет
@media (min-width: 992px) { ... } - планшет альбом
остальное комп

Гость
#5
Гость

@media (min-width: 576px) { ... } - это определенно мобила
@media (min-width: 768px) { ... } - планшет портрет
@media (min-width: 992px) { ... } - планшет альбом
остальное комп

Вернее так
@media (max-width: 576px) { ... } - это определенно мобила
@media (max-width: 768px) { ... } - планшет портрет
@media (max-width: 992px) { ... } - планшет альбом
остальное комп

Форум: Развлечения
Всего: 46 822 темы
Новые темы за все время: 37 056 тем
Популярные темы за все время: 16 912 тем