2 / 1 / 0
Регистрация: 31.03.2014
Сообщений: 90
1

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

17.11.2022, 23:52. Показов 349. Ответов 1
Метки нет (Все метки)

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

Что нужно прописать при верстке в css чтобы не растягивался сайт
Добрался наконец до практики верстки, и тут сразу же возник вопрос. В общем сделал пока только...

Создание адаптивного дизайна
Надо создать адаптивный дизайн, чтобы на широких экранах и на телефонах отображалось по-разному....

Поведение адаптивного дизайна
Вот песочница https://jsfiddle.net/o82kLqdn/1/ Там есть боди с размером 600рх, в нём контейнер...

Оптимизация адаптивного дизайна
Помогите найти проблемы. Как бы ни крутила, все равно google-mobile-friendly гооврит, что ...

1
молодой
1773 / 1014 / 320
Регистрация: 17.07.2021
Сообщений: 2,051
Записей в блоге: 12
18.11.2022, 11:02 2
ознакомиться с roadmap

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

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

Цитата Сообщение от webchainik Посмотреть сообщение
а вот на реальном устройстве работает плохо. Как такого избежать?
тестировать
0
18.11.2022, 11:02
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
18.11.2022, 11:02
Помогаю со студенческими работами здесь

Точки слома адаптивного дизайна
В нескольких статьях авторы пишут о том, что достаточно проводить адаптацию по ширине экрана 1025 и...

делаю плагин магазин для wordpress. что нужно учесть?
делаю плагин магазин для wordpress. что нужно учесть? как лучше его сделать? какие фишки должны...

Работа программы на разных версиях windows. Что нужно учесть?
Как сделать, чтобы программа работала на разных версиях windows? (и чем больше версий поддерживала...

Скрипты для адаптивного сайта в 2018 году
Скажите свои соображения, уважаемые web-разработчики сайтов. Нужно ли вставлять в сайт скрипты в...

Стоит ли изучать программирование в РФ в 2022 году?
Приветствую, коллеги! Сразу извиняюсь за такой вопрос! Хочется услышать ваше мнение и советы. Я...

PHP7 в 2022 году и руководство по PHP
Здравствуйте. Будьте добры, помогите с рядом вопросов. 1. Есть ли смысл учить PHP7 в 2022 г.? ...

Реально ли установить Qt Creator под windows7 в 2022 году
Решил освоить сию глыбу. Но проблема, у меня семерка. Погуглил, сказали что 6 версия только для...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2024, CyberForum.ru