WebページがiPhoneからズームされないようにするにはどうすればよいですか？

Question

BBC mobile websiteのような一部のモバイルWebサイトでは、iPhoneのメインホームページをズームインしています。これはどのように達成されましたか？ HTMlコードなどに含まれなければならない命令がありますか？

Answer 1

あなただけのメタタグで、ユーザーズームをさせないようにiPhoneを伝える必要があります：

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"/> 

これはまださせてくださいあなたのウェブページは回転しますが、ズームはしません。

Answer 2

サイトの幅がiPhoneディスプレイのネイティブ解像度に設定されているからです。モバイルSafariは、実際にはどのサイトでも過去100％のズームを行うことはありません。標準サイズのサイト（1000pxワイド）では、ズームアウトされ、ダブルタップまたはピンチジェスチャーを使用するときにズームレベルを指定します。

同じ効果を達成するには、サイトの最大幅をiPhoneの解像度（320px）に合わせてください。 CSSで

これは次のように行われることになります。

div#wrapper 
{ 
    width: 320px; 
}