Webkit-Transform:Scale在HTML5 FullScreen模式下不起作用(仅铬)
Webkit-Transform:Scale在HTML5 FullScreen模式下不起作用(仅铬)
提问于 2012-05-29 20:25:50
我正在进行一个项目，该项目要求页面根据页面缩放所有元素(对于好奇者:从XBMC皮肤生成html )。
缩放在窗口模式下工作的
使用Chrome全屏模式的缩放
缩放不使用HTML5 requestFullScreen (注意黑空间)
现在我遇到的问题是，在Chrome中，当你使用全屏链接时，身体不会放大(就像你只使用View -> Enter FullScreen时一样)。它似乎得到了正确的大小，但-Webkit-Transform: scale(x, y)似乎没有任何影响
结果：http://fiddle.jshell.net/rCLxG/show/light/
提前感谢！
回答 2
Stack Overflow用户
回答已采纳
发布于 2012-06-04 13:26:21
通过使用固定
document.body.webkitRequestFullScreen();而不是
document.getElementById("MediaCenter").webkitRequestFullScreen();当您在元素上使用webKitRequestFullScreen时，应用于外部元素(如body)的一些CSS似乎不起作用。找不到任何关于这种行为的文档，但是如果我发现任何东西，我会随时更新这个答案
Stack Overflow用户
发布于 2021-06-06 10:22:43
我也有类似的问题。看起来，当您制作任何元素全屏时，它的缩放都会被忽略(我也尝试在制作全屏后设置缩放，但仍然不起作用)。解决方案是设置额外的包装块，这是不缩放的，并将其设置为全屏。
当我制作#fsdiv全屏时(它没有在全屏上缩放)，这是不起作用的：
<div id="fsdiv" style="transform:scale(5);transform-origin: left top;">
Hi there!
</div>这样做是有效的：
<div id="fsdiv">
<div style="transform:scale(5);transform-origin: left top;">
Hi there!
</div>
</div>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/10806218
复制相关文章
相似问题
腾讯云开发者
