如何使我的 canvas 区域适合 iphone 浏览器？

Question

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

Answer 1

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

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

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