How to stop a webpage from zooming with iPhone?

Question

Some mobile websites, such as the BBC mobile website , stop zooming in on the iPhone’s main home page - as it happens. Is there a directive to be included in the HTMl code or something else?

Answer 1

You just need to say that the iPhone does not allow the user to zoom in using the meta tag:

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

This will still allow your webpage to rotate, but not scale.

Answer 2

, ​​ iPhone. Mobile Safari 100% , ( 1000 ), , .

, iPhone 320px.

CSS :

div#wrapper
{
  width: 320px;
}