В чем проблема адаптации сайта?

Question

[Lenwoot]

Пытаюсь адаптировать сайт под мобильники, vk.cc/3nWIDv (на картинки внимания не обращайте), на тестах с изменением разрешения экранов все отображается нормально (vk.cc/3HzbpQ), но на предосмотре (Opera Mobile Emulator) некоторые части съезжают. Подскажите пожалуйста, чем может быть вызвана проблема?

Answer 1

[Андрей Б.]

Если планируется верстка под моб.девайсы, всегда указывайте

<meta name="viewport" content="width=device-width, initial-scale=1.0>

Почитайте про viewport

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

Копаться в вашем css файле с important желания нет, уж простите.

Answer 2

[sh1ftyshmifty]

Это опера и после доп. плагинов для изменения облика яндекс.поиска и фейсбука, от них можно ожидать чего угодно. На других браузерах пробовал? Если только с оперой проблема, определи аудиторию, использующую этот браузер на данном сайте. Может овчинка и не стоит выделки, если их меньше 2%.

Comments

[Lenwoot]

процент пользователей 5,5%, с iphone проблема сохраняется

Answer 3

[Вадим Шандринов]

Для тестирования под разными девайсами/платформами заюзай www.browserstack.com :)

Comments

[Lenwoot]

отличный сервис, спасибо)