Адаптивная верстка тремя разными дивами?

Question

[Андрей Охотников]

Есть задача сверстать страницу, но дизайн страницы достаточно сильно отличается в зависимости от устройства. Как в таком случае верстать - мучаться с медиа запросами или сделать 3 разных дива под 3 разных дизайна и отображать нужный из них? не перегрузит ли это страницу?

Comments

[Rustam Bainazarov]

Первый случай. Медиазапросы придумали для этого, а не для второго варианта.

[Сергей delphinpro]

В крайнем случае, верстать мобильную версию, а десктопную пересобирать джаваскриптом, если уже совсем на медиазпросах выехать не получается... Хотя тут, возможно, стоит подумать о двух разных версиях.

[Ankhena]

Если капитально меняется содержимое, то это, вероятно, разные блоки или разные версии.
Если меняется только дизайн, то это один блок и @media

Answer 1

[Антон Усачев]

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