我正在尝试在使用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.
的示例