Почему блок не на всю ширину, IPhone?

Question

[eellazy]

Всем привет!
Сверстал вопросник szalax.ru/web11

При просмотре с реального устройства (касается только iphone) Блок с вопросом на растягивается на 100% ширини. Такая проблема только на iphone. Как быть? Я уже выставил всем элементам 100% ширину и всё так же


Если же смотреть моб. версию с компьютера то всё отлично

Answer 1

[tripcollor]

Попробуйте пройтись по дереву разметки до html и поставить всем по 100% ширины
(.row > .container > #forms-step > body > html) на этих элементах нету заданной ширины в 100%.
Естественно в эл-х у которыых явно указана ширина этого делать не надо

Comments

[eellazy]

поставил. Но так же без результатов

[Ankhena]

(.row > .container > #forms-step > body > html) на этих элементах нету заданной ширины в 100%.

А что, у них нет значения по умолчанию? Причем одинакового для всех браузеров.

[tripcollor]

eellazy: Вы локально поставили или на сайте?
Потому что на сайте я не вижу что вы везде все проставили

[eellazy]

Ankhena W: Проблема именно в этом блоке. Потому, что в других всё отлично. Была схожая проблема с min-height. Айфон попросту не воспринимал это свойства как в хроме так и сафари. А вот что с width - безпонятия

[tripcollor]

Ankhena W: Так значение по умолчанию auto a не 100%

[eellazy]

tripcollor: На сайте выставил.

[tripcollor]

eellazy: не поленитесь пройдитесь от того элемента который сжимается вплоть до тега htm

[eellazy]

tripcollor: я так и сделал)

[Ankhena]

tripcollor: По умолчанию эти элементы имеют display:block, а значит занимают всю ширину родителя.
Если кто-то станет писать ширину для html, можно только пальцем у виска покрутить.

[Ankhena]

eellazy: нет айфона в доступной близости.
Если нет возможности посмотреть что в консоли, обычно поступаю так: по очереди задаю border, bg или outline разным блокам (кому что лучше подходит) - довольно быстро становится понятно, кто виноват.

По дороге исправьте ошибки в CSS вроде склеившихся правил цвета и стиля для border.

[tripcollor]

eellazy: Ну я же вижу что не всем)

[eellazy]

tripcollor: решил вопрос. Может пригодится. Вместо width:100% родителю нужно было написать min-width:100%;

[tripcollor]

eellazy:
Ну вот и хорошо)
Как сам опросник делали через jq сами или это плагин?
Интересует больше реализация прогресс бара и загрузка фото

[eellazy]

tripcollor: делал сам через js