根据视口大小，Div滚动功能会丢失

Question

我在页面上嵌入了一个文档，只有在视口为480px或更低时才能滚动。我无法为我的生活找到造成这种行为的规则。

这是文件。 https://onarbor.com/work/451

当视口为480px或更小时，删除position:absolute .crocodoc-viewport可以消除滚动，但当视口大于480px时，该属性的设置方式相同，因此不是问题。

有谁知道如何找到适用于网页的所有媒体查询？还有其他想法吗？

Answer 1

我可以回答我自己的问题。以下是需要不限制为480px的规则。如果您在媒体查询之外使用此规则，则会恢复滚动：

此：

@media (max-width: 480px) {

  .DocViewerDiv.height0{
    height:0px;
  }
}

应该是这样的：

.DocViewerDiv.height0{
   height:0px;
}