Css 固定位置随设备宽度的变化而变化

一些奇怪的事情发生在

位置：fixed

元素上

当视口的宽度为760px时，固定位置元素似乎继承了位置：绝对。而不是从视口中获取top:5em，

botttom:5em

。它延伸到整个页面。如果一个元素的位置是固定的，那么父元素的位置就不重要了，对吗？为什么会这样

我有几个媒体查询会影响一些父div，但这是否会影响

position:fixed

元素

---

当你点击“点击查看更多信息”时，你可以看到它

在Chrome的开发者工具中查看您的代码时，我注意到当我禁用以下CSS代码时，固定位置的大小调整再次如预期那样工作

-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);

-webkit-transition: -webkit-transform 500ms ease;
-moz-transition: -moz-transform 500ms ease;
-o-transition: -o-transform 500ms ease;
transition: transform 500ms ease;

-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;

---

这是

.cstransforms3d.cstransitions.js-ready#内包装
@媒体屏幕内的属性和
style.css
的查询（最大宽度：47.5em）
如果您创建一个小提琴，我们将不胜感激。非常感谢你。