Windows 8 WInJS:element或x-ms-webview的全屏内容

Windows 8 WInJS:element或x-ms-webview的全屏内容,windows-8,microsoft-metro,winjs,windows-8.1,Windows 8,Microsoft Metro,Winjs,Windows 8.1,我正在Windows 8 WinJS应用程序中构建图像查看器。单击拇指时,它会在页面的占位符中加载拇指的较大版本。它还有一个x-ms-webview控件中的视频查看器 理想情况下,我想做的是使用类似于requestFullScreen()JS方法的东西以全屏模式启动更大版本的图像。(我试过全屏,但不起作用) 我还想为-x-ms-webview控件做一件类似的事情,其中的视频可以变成全屏 这些事情真的有可能吗?还是我应该把它们完全放在页面上 非常感谢您抽出时间 Chris添加一个全屏JavaScr

我正在Windows 8 WinJS应用程序中构建图像查看器。单击拇指时,它会在页面的占位符中加载拇指的较大版本。它还有一个x-ms-webview控件中的视频查看器

理想情况下,我想做的是使用类似于requestFullScreen()JS方法的东西以全屏模式启动更大版本的图像。(我试过全屏,但不起作用)

我还想为-x-ms-webview控件做一件类似的事情,其中的视频可以变成全屏

这些事情真的有可能吗?还是我应该把它们完全放在页面上

非常感谢您抽出时间


Chris

添加一个全屏JavaScript类,设置属性位置:绝对,顶部:0,左侧:0,宽度:100vw,高度:100vh


这将使它成为全屏。

添加一个带有全屏JavaScript的类,设置属性位置:绝对,顶部:0,左侧:0,宽度:100vw,高度:100vh


这将使它成为全屏。

添加一个带有全屏JavaScript的类,设置属性位置:绝对,顶部:0,左侧:0,宽度:100vw,高度:100vh


这将使它成为全屏。

添加一个带有全屏JavaScript的类,设置属性位置:绝对,顶部:0,左侧:0,宽度:100vw,高度:100vh


这将使其成为全屏。

您应该能够使用CSS使
x-ms-webview
元素成为“全屏”。只需给它100%的宽度和高度,并将其定位在页面上(顶部:0;左侧:0;)。您可能还需要修改
z-index
。您不应该仅仅使用CSS将
x-ms-webview
元素设置为“全屏”。只需给它100%的宽度和高度,并将其定位在页面上(顶部:0;左侧:0;)。您可能还需要修改
z-index
。您不应该仅仅使用CSS将
x-ms-webview
元素设置为“全屏”。只需给它100%的宽度和高度,并将其定位在页面上(顶部:0;左侧:0;)。您可能还需要修改
z-index
。您不应该仅仅使用CSS将
x-ms-webview
元素设置为“全屏”。只需给它100%的宽度和高度,并将其定位在页面上(顶部:0;左侧:0;)。您可能还需要修改
z-index