Что нужно учесть при верстке адаптивного дизайна в 2022 году?

@webchainik · Регистрация: 31.03.2014

Author24 — интернет-сервис помощи студентам

Приветствую! Меня интересует такой вопрос. Как правильно мне сверстать адаптивный сайт в 2022 году? Нормально ли то, что я отказался от Bootstrap? На сайте колонки использую только там, где без них не обойтись. К тому же у меня вся информация делится на 2-4 колонки. Написал нечто вроде своего маленького css фреймворка. Этим самым я старался убить порой огромную вложенность div блоков в Bootstrap (так: container->row->col->div class "my-div", на замену container->div class "my-div).
Лучший вариант? Вопрос под какие разрешение верстать? Хотелось бы чтобы сайт корректно отображался на всех устройствах. Говорят есть проблемы когда смотришь сайт на реальных устройствах. Например сверстал используя HTML+CSS, корректно работает в эмуляторах (сервис просмотра адаптивной верстки), а вот на реальном устройстве работает плохо. Как такого избежать?

@mr_dramm · 18.11.2022, 11:02

ознакомиться с roadmap

bootstrap все еще используют с совремеменными фреймворки

в первую очередь научиться верстать с применением flex и grid

Сообщение от webchainik

а вот на реальном устройстве работает плохо. Как такого избежать?

тестировать

@webchainik 2 / 1 / 0 Регистрация: 31.03.2014 Сообщений: 90
		1
	Что нужно учесть при верстке адаптивного дизайна в 2022 году? 17.11.2022, 23:52. Показов 346. Ответов 1 Метки нет (Все метки) Приветствую! Меня интересует такой вопрос. Как правильно мне сверстать адаптивный сайт в 2022 году? Нормально ли то, что я отказался от Bootstrap? На сайте колонки использую только там, где без них не обойтись. К тому же у меня вся информация делится на 2-4 колонки. Написал нечто вроде своего маленького css фреймворка. Этим самым я старался убить порой огромную вложенность div блоков в Bootstrap (так: container->row->col->div class "my-div", на замену container->div class "my-div). Лучший вариант? Вопрос под какие разрешение верстать? Хотелось бы чтобы сайт корректно отображался на всех устройствах. Говорят есть проблемы когда смотришь сайт на реальных устройствах. Например сверстал используя HTML+CSS, корректно работает в эмуляторах (сервис просмотра адаптивной верстки), а вот на реальном устройстве работает плохо. Как такого избежать? 0

@mr_dramm молодой 1773 / 1014 / 320 Регистрация: 17.07.2021 Сообщений: 2,051 Записей в блоге: 12
	18.11.2022, 11:02	2
	ознакомиться с roadmap bootstrap все еще используют с совремеменными фреймворки в первую очередь научиться верстать с применением flex и grid Сообщение от webchainik а вот на реальном устройстве работает плохо. Как такого избежать? тестировать 0