Scale web app for mobile

Question

I've got a game developed using JQuery, HTML, and CSS, made to run in a web browser.

Now, I need to get it running in a mobile (specifically iPhone) browser, with a little optimization so its nice and pretty.

Is there a way to scale the entire app? Ideally, it would launch in landscape by default in mobile safari, though the dimensions of the canvas and the background image are 800x600, which obviously will not fit in an iPhone browser in landscape.

So, my questions is, is there a way to scale an entire web app like this? Essentially take the entire thing (images, canvas, etc) and make them smaller by a certain factor?

Thanks!

Answer 1

您可以使用以下标记来调整手机网站的大小：

<meta name="viewport" content="width=device-width, initial-scale=1.0">