How to limit page to iphone/ipad viewport?

Question

iPhone

Problem:
It is necessary that the page is limited to the working area of ​​the screen on the iphone.

In spite of

<meta name="viewport" 
content="width=device-width,initial-scale=1,user-scalable=no" />

and

html,body{
  width:100%;
  height:100%;
  overflow:hidden;
  }

Everything will scroll and initially in the viewport not all, but only part of the page. Testcase websaints.net/testcase/menu.html

Answer 1

Instead of device-width, write the specific number that you want to see. Then it won't scroll like here: pepelsbey.github.com/shower/en.htm?full#Cover

Answer 2

And since the booze has gone: why do you collect styles (media queries) right in the header of the document, if this can be done with the same success in CSS?

Answer 3

All figured out.
It was necessary />
Specify the maximum scale;

Answer 4

And, yes, Q&A has a poor commenting system. :(