如何讓我的畫布區域適合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;"/> 

這將正確地縮放頁面，讓你不必在第一放大，並且將防止用戶從網頁打開後縮放。