Top.Mail.Ru
Ответы

Адаптация сайта под разные разрешения

Как адаптировать сайт под все разрешения?

По дате
По рейтингу
Аватар пользователя
Мастер

Есть два подхода в этом деле. Первый тебе изложил пользователь "Андрей" выше.
Второй - размеры элементов проставлять относительные, например, в %, vw, vh.

Аватар пользователя
Ученик

пишешь css для десктопа под максимальное разрешение, которое можешь. После ниже вставляешь условие

123
 @media screen and (max-width: 960px){

} 

внутри условия вставляешь элементы, у которых будут другие своства при ширине экрана меньше 960 пх

Аватар пользователя
Гений
Аватар пользователя
Гений

Сайты адаптируют не под разрешение, а под ширину окна браузера. С помощью медиа-запросов (@media в CSS) при достижении определённой ширины окна (определяемой удобством восприятия информации в данном конкретном дизайне) меняются применяемые наборы стилей. Типичный адаптивный сайт имеет несколько таких наборов для разных диапазонов ширины окна.

Аватар пользователя
Мыслитель

Тебе нужна адаптивная верстка. Там и под телефоны подстройка и под ПК

Аватар пользователя
Мудрец

заткни себе в дупло такой сайт...

Аватар пользователя
Ученик

Сделать точки останова...



Видео по теме