位置：已修复，不适用于移动设备上的宽视口

Question

我正在为移动设备制作水平滚动的着陆页，并且灯箱jquery插件出现了严重问题。 我尝试自己写一个，但发现问题是position: fixed根本无法正常工作。

当页面的宽度小于或等于视口时，可以。 但是当我在网页上将任何元素的宽度设置为大于100vw position: fixed时，就无法在移动chrome上正常工作（它看起来就像绝对位置一样）。 即使启用了自适应模式，台式机浏览器仍可以正确渲染它。

也许我在整个设计中做错了吗？我该怎么办？

我将示例代码上传到免费主机：

使用width: 100vw; position:fixed;可以正常工作

https://unentertaining-bypa.000webhostapp.com/test_ok.html

使用width:200vw; position: fixed;，它开始像绝对一样工作

https://unentertaining-bypa.000webhostapp.com/test_wrong.html

代码如下：

body { padding: 0; margin: 0; }

.bg { width: 200vw; height: 100vh; background: linear-gradient(70grad, #aaa, #fff 20%, #aaa 40%, #fff 60%, #aaa 80%, #fff 100%); }

.fx { position: fixed; box-sizing: border-box; top: 25%; left: 25%; width: 50%; height: 50%; }
.fx { background: #faa; border: 10px solid #afa; }

<div class="bg">foo</div>
<div class="fx">bar</div>

注意：我也正确获得了元标记