Задать вопрос
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 разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Middle JavaScript Developer
AppsTrain.io
от 80 000 до 180 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Разработать нейросеть
02 мая 2024, в 06:11
30000 руб./за проект
Автоматизация отчетности сектора подбора и развития персонала в 1С
02 мая 2024, в 05:49
7000 руб./за проект
Изменение темы сайта на ghost cms
02 мая 2024, в 04:47
5000 руб./за проект
Ещё заказы