Тема Wordpress, искаженная на мобильном сафари - PullRequest
0 голосов
/ 28 марта 2012

Я пытаюсь перевести тему сайта, чтобы она выглядела похожей на мобильном устройстве.Единственные устройства, которые я должен протестировать прямо сейчас, - это устройства iOS: iPhone и iPod Touch Gen 3.У iPhone более высокое разрешение (Retina).

Когда я захожу на сайт, над которым я работаю (http://diynamic.net/dev/jetcityairtours), тема отображает ширину страницы только на половине общей ширины экрана iDevice, но некоторые элементы отображаются так, как они это делают.в браузере Chrome на ПК.Весь сайт был бы великолепен, если бы я мог получить фоновый div и меню для отображения на всю ширину страницы - это было бы прекрасно!

У меня есть WordPress Mobile

Мои вопросы: Почему тема искажается?Есть ли опция «view-source» для iOS Safari?Есть ли другое решение проблем для разработки тем для iOS, в частности, для мобильных устройств в целом?и: видят ли другие люди такой же эффект на устройствах, отличных от iOS (возможно, это не то место, где можно задать этот последний вопрос).

У меня ужасно уродливая мобильная тема в Wordpress Mobile Pack - по умолчанию.Если вы заинтересованы в тестировании на мобильных устройствах, перейдите к немобильной теме, ссылка внизу.

Мне известны плагины эмулятора экрана в Chrome и Firefox, но я не в курсеподмена / эмуляция user-agent на настольной платформе.

Я не уверен, должен ли я публиковать только один вопрос на «Вопрос», поэтому извиняюсь, если это не было должным образом отделено.

1 Ответ

2 голосов
/ 28 марта 2012

Вам нужно использовать метатег viewport (см. Ссылку ниже).Если говорить более конкретно, в вашем случае кажется, что вы могли бы решить свою проблему, включив что-то вроде этого в раздел заголовка:

<head>
...
<meta name = "viewport" content = "maximum-scale = 1.0">
...
</head>

Метатеги области просмотра, созданные Apple, также работают с браузерами Android.Для справки: общее объяснение, информация и примеры здесь

...