How can i make my canvas area fit to the iphone browser?

Question

I ve created a game using HTML5. the canvas size is 320x480. When the webpage opens in the browser of an iphone the canvas area will be placed in the left top corner of the browser and unless i zoom it i cannot play the game. What is that i can do .. please help. Thanks.

Answer 1

You need to set the meta tag for viewport to the size of the iPhone screen.

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

This will scale the page correctly so that you do not have to zoom in at first, and will prevent the user from scaling after the page has opened.