Я разрабатываю веб-сайт и не знаю, как обращаться с дизайном для мобильных телефонов и настольных компьютеров. Мне кажется, что самый простой способ уменьшить компромиссы адаптивного сайта - создать совершенно отдельный дизайн для настольных и мобильных версий. Чтобы избежать баловаться с бэкэндом, который работает совершенно то же самое, что кажется, что это самый простой способ справиться с этим:Создает отдельный мобильный/настольный дизайн на одной странице плохой практики?
.mobile_page {
display: none;
}
@media only screen and (max-device-width: 480px) {
.desktop_page {
display: none;
}
.mobile_page {
display: block;
}
}
<body>
<div class="desktop_page">
...
</div>
<div class="mobile_page">
....
</div>
</body>
Но это не кажется лучшим решением. Является ли это плохой практикой?
Примечание: Я знаю, что решение CSS не является универсальным, но оно работает относительно хорошо, учитывая его простоту.
Это очень упрямый вопрос, все последующие ответы будут основываться на мнениях. –
"* компромиссы отзывчивого *" Какие компромиссы были бы такими, что вы хотели бы создать сайт дважды и заставить пользователей загружать оба? –
@JesseKernaghan Иногда невозможно создать отзывчивый сайт, дизайн которого отлично смотрится как на рабочем столе, так и на мобильном телефоне без большого количества CSS или JS или какого-либо другого кода. Это может привести даже к большей нагрузке, чем включение двух версий на одну страницу. – Mirac7