Задать вопрос
AltaiR-05
@AltaiR-05
javascript

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

Здравствуйте. Для практики верстаю страничку, на подобии этой. С SVG разобрался. Но вот осталась проблема как сделать адаптивность как там. Как я понял JavaScript'ом задаются размеры экрана для div.mainPage. И он задает эти размеры тоже как то непонятно. В некоторых диапазонах размера экрана меняются значения width и height, а в некоторых нет. Я начинающий и JavaScript еще не знаю. Был бы благодарен если объясните как это сделать или где читать. Прикрепляю мой набросок
  • Вопрос задан
  • 352 просмотра
Комментировать
Подписаться 1 Оценить Комментировать
Пригласить эксперта
Ответы на вопрос 1
@krumza
для начала в тег <head>
воткни
<meta name="viewport" content="width=device-width, initial-scale=1">

Затем
/* min-width: 1000px; */ - везде поудаляй в style.css
в HTML файле тоже удали все атрибуты типа
/*width="2560" height="1440"*/
затем
img {
position:relative;
top: 0;
left: 0;
max-width: 100%;
height: auto;
z-index: 1;
}

вот код https://yadi.sk/d/LLyfUyXGtADnU
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
Fullstack разработчик JavaScript, php
Дорстрой-36 • Воронеж
от 100 000 до 200 000 ₽
JavaScript FullStack developer
Wanted. • Санкт-Петербург
До 220 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Текст из фотографии в отдельный файл
26 нояб. 2024, в 04:41
1500 руб./за проект
Выложить 75 курсов на геткурс и настроить базовые функции
26 нояб. 2024, в 02:18
15000 руб./за проект
Редизайн и доработка интернет магазина на wordPress
25 нояб. 2024, в 23:42
50000 руб./за проект
Ещё заказы