Question

所以，我试图将图像设置为html元素高度和宽度的100％（实际上浏览器窗口就是我想要的）。我将CSS设置为

html{
  width:  100%;
  height: 100%;
}
img{
  width:   100%;
  height:  100%;
  z-index: 0%;
}

宽度表现正确，但高度不会改变。我尝试将它设置为高度：2％并保持相同的高度。我不想使用px设置高度，因为我希望这可以在移动设备上运行，但是高，你不工作吗？

Answer 1

您还需要在height: 100%上设置body。

按照您的确切示例，您可以这样做：

html, body, img {
    width: 100%;
    height: 100%;
}

但是，看起来您可能正在尝试获取全屏背景图片（因为您使用了z-index - 顺便说一句z-index不使用%，只是一个简单的数字）。

在这种情况下，您应该使用以下方法之一：

Answer 2

这是因为image元素不是html元素的直接子元素。您还必须指定body元素的高度，以及包含image元素的任何其他元素。