如何使宽度和高度画布等于Iphone中的浏览器大小

Question

i have a problem related to width and height canvas in Iphone browser. In the first loading i am trying to make this code to make width and height canvas full page. The size is larg as expected, if the first loading in Portrait mode, but not in landscape mode. Is there another way to grab full size both Portrait and landscape.

     var context = document.getElementById("myCanvas").getContext("2d");
     var canvasImage = document.getElementById("myCanvas"),
         canvasMessage = document.getElementById("myCanvas2"),
         canvasImage.width = window.innerWidth;
         canvasImage.height = window.innerHeight; // on portrait it give 1091 but not in                                 landscape
         canvasMessage.width = window.innerWidth;
         canvasMessage.height = window.innerHeight;

Answer 1

它可以帮助您将其包含在HTML页面中

<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1"  />