幅 960px の中央サイトのメインの widthfix div が HTML5 ボイラープレートに取り込まれると、iPhone で誤動作します。iPhone の Safari では、div が iPhone の画面からはみ出します。私のラップトップ画面のブラウザーや、HTML5 ボイラープレート以外のあらゆる場所で問題なく動作します。
次のクラスで widthfix div を追加することを除いて、HTML5 Boilerplate 内はまだ何も変更していません。
#widthfix {
position: relative;
width: 960px;
margin-left: auto;
margin-right: auto;
}
...私はそれを解決したところ、次のものを削除することで修正できます:
meta name="viewport" content="width=デバイス幅、initial-scale=1.0"
頭から。
これが最善の解決策であるかどうかはわかりません。そのため、誰かが追加の意見を持っている場合、私はすべて耳を傾けています。
ただし、少なくとも OK と表示されるようです。