html - Div 滚动能力丢失取决于视口(viewport)大小

Question

我在页面上嵌入了一个文档，该文档只能在视口(viewport)小于或等于 480 像素时滚动。我一辈子都找不到导致这种行为的规则。

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

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

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

Answer 1

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

这个:

@media (max-width: 480px) {

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

应该是这样的:

.DocViewerDiv.height0{
   height:0px;
}