メニューを開くとサイトがズームアウトされます

Question

私はサイドバーのプラグインと一緒にYahooのPureCSSライブラリを使用していますが、モバイルSafari以外のすべてのブラウザでうまく機能します。何らかの理由で、メニューを開くたびにズームインします。これはドキュメントのexampleでも発生します。私はこれを引き起こしている可能性は考えていませんが、それをブラウザのバグと呼ぶのは魅力的です。

必要に応じてJSFiddleを組み立てることができます。

Answer 1

この質問は、実際にはDoes overflow:hidden applied to work on iPhone Safari?と同じになりました。私はあなたがラッパー要素でこれを行う場合を除き、モバイルSafariは、ユーザーがメニューを開いたとき、メニューとコンテンツ領域のための部屋を作るためにズームアウトします推測：

html, 
body { 
    overflow-x: hidden; 
} 

Answer 2

viewportメタタグには最大スケール値が含まれていません。あなたは以下をビューポートタグを更新した場合、ユーザーがメニューをクリックするたび、あなたは同じズームを得ることはありません。

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

注文字列の最後にmaximum-scale=1の追加を。これを追加すると、ズームアウトする代わりにコンテンツがスライドします。これは上記のResponsive Side MenuのPureCSSデモページに対してテストされました。