css - 全屏后如何更改元素位置？

Question

我希望顶部margin为 31%，然后全屏切换到 35%。这在 Firefox 中受支持，所以我不确定为什么它不起作用。

@-moz-document url-prefix() {
  #div1:not(:fullscreen) { 
    position: absolute; 
    margin: 31% 0 0 2.2%;
}
  #div1:fullscreen { 
    position: absolute;
    margin: 35% 0 0 2.2%;
  }
}

编辑：我试过class而不是id，仍然没有运气。

标签： cssfirefoxcss-positionmarginfullscreen