The 2 codes below will make your Mobile html fullscreen.
Place this in this inbetween your "head" < head >< /head > tag
<META name=viewport content="width=device-width; initial-scale=1.0; maximum-scale=1.0; minimum-scale=1.0; user-scalable=0;">
so what did we write?
The metatag "apple-mobile-web-app-capable" is a default behavior to use Safari to display web content. This will set the html to fullscreen.
So what is the metatag "Viewport"?
This tag is used to improve your presentation. Lets breakdown the parameters and see how its used.
content: set the content size.
Scale: by setting the scale to 1, the browser assumes the width and height is set by the device's height and width.
width: [NUMBER] default is 980. ("device-width" = Width of device. )
height: [NUMBER]("device-height"= Height of device)
minimum-scale: [NUMBER] default is .25. the min the site could be scaled.
maximum-scale: [NUMBER] default is 1.6. range 0-10.0. the max the site could be called up.
initial-scale: [NUMBER] the intial scale of the site.
user-scalable: [no/yes] default is yes. can the users scale the page.