Javascript Android Chrome Moble上的Fullscreen.api忽略元视口比例设置

Javascript Android Chrome Moble上的Fullscreen.api忽略元视口比例设置,javascript,android,google-chrome,viewport,html5-fullscreen,Javascript,Android,Google Chrome,Viewport,Html5 Fullscreen,我试图在一个使用HTML5全屏API全屏显示的网页中添加一个画布元素。在Chrome for Android上进入全屏时,元视口比例将更改为1,忽略设置并将分辨率降低75%。它在Android上的Firefox Mobile中的工作与预期一样 问题是,当通过全屏api进入全屏时,如何保持画布元素可以使用移动设备的完整分辨率?我通过meta设置比例,将全屏大小报告给javascript,并允许在高分辨率dpi设备上使用高分辨率画布 <meta name="viewport" content=

我试图在一个使用HTML5全屏API全屏显示的网页中添加一个画布元素。在Chrome for Android上进入全屏时,元视口比例将更改为1,忽略设置并将分辨率降低75%。它在Android上的Firefox Mobile中的工作与预期一样

问题是,当通过全屏api进入全屏时,如何保持画布元素可以使用移动设备的完整分辨率?我通过meta设置比例,将全屏大小报告给javascript,并允许在高分辨率dpi设备上使用高分辨率画布

<meta name="viewport" content="width=device-width, initial-scale=.25, minimum-scale=.25, maximum-scale=.25, user-scalable=yes" />

当通过HTML5全屏api进入全屏时,报告的大小是四分之一,就像比例设置为1一样


下面是一个例子

在Chrome中无法实现您想要的功能,当您进入全屏时,刻度很难固定为1。为什么要保留较大的画布并缩小?难道你不能用一块与设备宽度相同的画布,然后画得更小一些,从而获得同样的效果吗