Androind Chrome Moble上的Fullscreen.api无视元视口比例设置

时间:2016-08-30 20:50:16

标签: javascript android google-chrome viewport html5-fullscreen

我正在尝试在使用HTML5 Fullscreen API全屏的网页中使用CANVAS元素。在Chrome for Android上进入全屏模式后,元视口比例将更改为值1,忽略设置集并将分辨率降低75%。它在Android上的Firefox Mobile中按预期工作。

问题是,当通过全屏api进入全屏时,如何保持移动设备的完整分辨率可用于CANVAS元素?我通过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.

以下是documentation

的示例

0 个答案:

没有答案