css - Foundation が Safari と iPhone で応答しない

Question

私のウェブサイトはサファリで不可解に壊れ、応答しません（これまでのところ、他のブラウザでは基盤の zurb が機能していました）。これは、js バウンドを使用していない場合でも発生します。

この大惨事はオンラインです：http://diet.paperide.com

理由がわからない！ありがとう...

Answer 1

ドキュメントの head 要素内に次を追加します。

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

Answer 2

問題は app.scss にあり、gulp スクリプトは次のように構成されていました。

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

それ以外の：

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

非常に異なるcssを生成します...（とにかく非サファリブラウザで動作しました）。