Question

使用position:fixed元素发生了一些奇怪的事情。

当视口宽度为760px时，固定位置元素似乎继承position：absolute。而不是来自视口的taking top:5em，botttom:5em。它扩展到整个页面。如果一个元素的位置已经固定，那么父元素的位置应该不重要，对吧？为什么会这样？

我有几个影响某些父div的媒体查询，但这会影响positon:fixed元素。

当您点击＆＃34;点击更多信息＆＃34;时，您可以看到它here。

Answer 1

在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;

这位于.csstransforms3d.csstransitions.js-ready #inner-wrap的{{1}}查询中的@media screen and (max-width: 47.5em)个属性中。

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

1 个答案: