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

Question

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

Ааа Ааа Ученик (126), закрыт 1 неделю назад

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

Answer 1

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

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

}

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

Answer 2

Voldemar Гений (88948) 1 месяц назад

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

Answer 3

AABA Оракул (54051) 1 месяц назад

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

Answer 4

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

Answer 5

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

Answer 6

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

Answer 7

шпаргалка там: https://local-disc.firebaseapp.com/menu/articles/@MEDIA_MIN-MAX.HTML