iPhone viewport meta tag width = ширина устройства не работает

Question

Я пробовал все возможные метатеги в виде viewport, но ничего не работает. Может ли кто-нибудь помочь мне в этом?

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

Сайт http://sival.dk/. Вы можете работать на симуляторе хром-iphone. Когда вы загружаете страницу, вы чувствуете, что страница подходит, но попробуйте прокрутить по позиции x, вы можете видеть, что страница полностью не установлена ​​в iphone.

ОБНОВЛЕНИЕ: Спасибо за ответ Кори. Наконец, я обнаружил, что проблема не в метатеге, кажется, проблема связана с заголовком, участвующим в этой странице. См. Отмеченный ответ для справки.

Answer 1

В таких случаях я обычно использую инструменты для обработки хрома для поиска любого элемента, заполнение или маржа которого делает страницу более широкой, чем ширина устройства. В этом случае это был ваш <h1 class="site-title">sival</h1>. См. Снимок экрана ниже. Добавление margin: 0 к стилям для этого элемента (или исправлению элемента по-другому) должно решить вашу проблему.

Answer 2

Это изображение не установлен на устройство ширину вызвать проблемы в вашем медиа-запросах.

<img src="http://sival.dk/wp-content/uploads/2015/09/Logo.png" width="450" height="168"> 

и этот марж этого заголовка необходимо установить.

<h1 class="site-title">sival</h1>