Почему на десктопе адаптируется, а на Android — нет?

Question

[Владислав Бойченко]

Всем привет.
В общем, есть верстка сайта (pstroh440.zzz.com.ua/www ). Использую бутстраповские фичи, но не сетку, так как дизайнер решил наплевать на сетку. Адаптировал все своими руками. Вот только если на десктопе сужывать окно, то адаптивность нормально видна и под 320рх, а если зайти с телефона - то адаптируется не до конца. Не могу понять, почему. Есть идеи?
Сабж: pstroh440.zzz.com.ua/www

Answer 1

[Владислав Бойченко]

Нашел решеие! Я не дублировал ширину элементов при медиа-запросах. Указал минимальную, максимальную и просто ширину в 100% при первом медиа-запросе в 1200px. Было бы логично, если бы оно просто продолжилось на последующие, меньшие запросы, но нет. Продублировал везде и оно заработало.

Comments

[xmoonlight]

судя по-написанному найденному решению: код вёрстки - шедевр!

[Максим Тимофеев]

xmoonlight: очень интересно посмотреть. У меня даже фантазии не хватает )))

Answer 2

[Александр Аксентьев]

link

Comments

[xmoonlight]

а как насчет линка или уменьшить?!)

[Александр Аксентьев]

xmoonlight: не знал что всё так плохо, теперь лень :D

[Владислав Бойченко]

Это же нечестно -_-

Answer 3

[xmoonlight]

А Android может корректно отображать вёрстку?
Конечно! Это же Android!

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui">

Comments

[Владислав Бойченко]

Это я все перебробовал. Тут разве что запрет на масштабирование, но это ничего не дает, элементы все равно уходят за пределы.