如何让我的画布区域适合iPhone浏览器？

Question

我使用HTML5创建了一款游戏。画布尺寸为320x480。当网页在iphone的浏览器中打开时，画布区域将被放置在浏览器的左上角，除非我缩放它否则我无法玩游戏。我能做什么..请帮助。谢谢。

Answer 1

您需要将视口的元标记设置为iPhone屏幕的大小。

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

这将正确缩放页面，以便您不必首先放大，并且会阻止用户在页面打开后进行缩放。