Адаптивный дизайн не работает на реальных смартфонах

Мы запрограммировали сайт по адресу: http://tcsdesignreno.com/zing-cards/, чтобы он реагировал . Всякий раз, когда я проверяю это на тестовых сайтах адаптивного дизайна в Интернете (таких как: http://mattkersley.com/responsive/ или http://beta.screenqueri.es/) выглядит нормально, но если я открою его на своем HTC Sensation, iPhone 5 или Galaxy 3 обрезает правую часть экрана. Я использовал стандартные веб-браузеры и хром на телефонах. Я не знаю, как проверить CSS на моем телефоне, чтобы увидеть, в чем проблема.

У кого-нибудь есть какие-либо предложения о том, как исправить сайт или как найти ошибку с моего телефона?


person MattM    schedule 21.10.2013    source источник


Ответы (1)


Вы можете отлаживать браузер Chrome Android со своего компьютера; подробности по этой ссылке.

person 323go    schedule 21.10.2013
comment
Спасибо вам обоим, у меня это работает, но я все еще не могу найти проблему. Кажется, что он имеет ширину 360 пикселей, но не отображается при такой ширине. Вы можете увидеть скриншот здесь: tcsdesignreno.com/zing-cards/Zing-Cards_mobile.png . У меня нет полей или заданной ширины, которые должны заставить это делать. Я использую дочернюю тему темы двадцать тринадцать в WordPress. - person MattM; 22.10.2013