Фонд не реагирует на Safari и iphone

Мой сайт таинственным образом разбивается о сафари, не реагирует (на сегодняшний день фонд zurb работает в любом другом браузере). Это происходит даже тогда, когда я не использую js-ограничение.

Эта катастрофа онлайн: http://diet.paperide.com

Я не знаю, почему! спасибо...

Ответ 1

Добавьте в элемент заголовка вашего документа следующее:

<meta name="viewport" content="width=device-width" />

Ответ 2

Прежде всего, когда устранение неполадок, которые вы можете сделать, это использовать ресурсы, доступные вам, игнорируя мелкую политику. HTML5 + XML parser = win. Используйте HTML5 и отрисуйте свою страницу как приложение, которое быстро поможет вам выявить серьезные проблемы с рендерингом:

if (isset($_SERVER['HTTP_ACCEPT']) && stristr($_SERVER['HTTP_ACCEPT'],'application/xhtml+xml'))
{
 header('Content-Type: application/xhtml+xml');
}

Используя валидатор HTML, я видел некоторые проблемы, в которых у вас есть элементы блока как дочерние элементы i. Во-первых, не используйте старый элемент i, придерживайтесь em, поскольку он работает намного лучше для читателей/читателей экрана. Во-вторых, если вам нужно что-то сделать как блок, поставьте вместо него элемент span и используйте CSS display: block;.

Следующее, что вы должны попробовать - это отключить JavaScript и посмотреть, не отображается ли страница.

В-третьих, вам нужно будет проверить HTTP-запросы; все запросы HTTP 200 или 304?

Если у вас все еще есть проблемы, следующая вещь, которую я постараюсь, - это полностью отключить CSS в целом, и если проблема остановится, просто временно отключите большие блоки CSS.

Я столкнулся с многочисленными проблемами с браузерами. Одна из проблем заключалась в том, что IE полностью блокировался, потому что PHP не выводил что-то в переменную JavaScript, поэтому вывод, который заморозил IE, был var example = ;.

У меня теперь есть Mac, и если вы прокомментируете, я буду рад проверить, что вы нашли и устранили проблему. Кто-то может рассказать вам, в чем проблема, хотя гораздо важнее иметь навыки, чтобы определить, в чем проблема.: -)

Ответ 3

Проблема была в: app.scss, gulp script настраивался следующим образом:

//@include foundation-grid;
@include foundation-flex-grid;
[...]
@include foundation-flex-classes;

ВМЕСТО OF:

    @include foundation-grid;
[...]
    // @include foundation-flex-grid;
    // @include foundation-flex-classes;

генерирует очень разные css... (которые все равно работали над любым браузером без сафари).