Question

我正在构建一个依赖于屏幕上大图像的网站，所以我选择使用百分比来控制大小。我试图处理的问题是图像下始终出现的空白区域。我已经尝试了很多建议，但没有任何效果。是因为原始图像大于查看的图像（按百分比缩小）？我应该以某种方式摆脱垂直滚动条？非常感谢帮助

这是我正在处理的页面的链接

Answer 1

您的问题是右栏上的高度不在px中。

.RightColumn {
      height: 100vw;
}

将其更改为：

.RightColumn {
      height: 100px;
}

当您不确定问题是什么时，检查问题的一种好方法是使用浏览器HTML检查程序（Chrome中的Ctrl + Shift + C）。它将显示正在应用的每个规则，并允许您更改/关闭它们以查看动态发生的情况。在这种情况下，你的RightColumn类的高度扩展到1900+ px。

Answer 2

因为这个div会导致空格RightColumn降低高度并且问题将被解决，因此：

  .RightColumn {

      height: 19vw;
}

或

.RightColumn {

          height: 100px;
    }

Answer 3

我认为右栏类的高度100vw可能是问题

您可以使用所有浏览器都可用的调试工具，如firebug或开发人员工具：）