为什么'；当我使用百分比时，高度是否在CSS中工作？

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

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

---

宽度正确，但高度不变。我试着将它设置为高度：2%，但它保持了相同的高度。我不想使用px来设置高度，因为我想在移动设备上使用它，但是height，Y，U，NO work？

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

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

您还需要在

body

上设置

高度：100%

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

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

但是，看起来您可能正在尝试获取全屏背景图像（因为您使用了

z-index

——顺便说一句，

z-index

没有使用

%

，只是一个普通数字）

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

---

您还需要在

车身上设置
高度：100%

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

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

但是，看起来您可能正在尝试获取全屏背景图像（因为您使用了
z-index
——顺便说一句，
z-index
没有使用
%
，只是一个普通数字）

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

如果他想要背景图片，为什么不直接使用
body{background:url（'image.png'）；background attachment:fixed；}
？@B1KMusic:我回答这个问题已经有一段时间了，但看起来OP希望背景大小与窗口大小相匹配。阅读我发布的链接中的要点，你需要比你的建议更复杂的CSS才能达到这些要点中的大多数。我不知道，当你可以选择一个更简单的解决方案时，似乎有点无关。啊哼。除非我遗漏了什么如果他想要背景图像，为什么不直接使用
body{background:url（'image.png'）；background attachment:fixed；}
？@B1KMusic:我回答这个问题已经有一段时间了，但看起来OP希望背景调整大小以匹配窗口的大小。阅读我发布的链接中的要点，你需要比你的建议更复杂的CSS才能达到这些要点中的大多数。我不知道，当你可以选择一个更简单的解决方案时，似乎有点无关。啊哼。除非我遗漏了什么