Question

这是我在这里的第一篇文章。我正在用css和html开始我的旅程。我正在努力将两个响应式图像放在一起，两个响应图像作为按钮。我想要的是所有内容都显示在单个页面上（不滚动），无论屏幕大小如何，它总是被填充。然后在移动屏幕上使用纵向模式，它将相互显示。

我无法弄清楚它是与图像尺寸有关（实际图像是图片）还是与相应的div尺寸有关。

提前感谢您的帮助！

Answer 1

为了让图像占据整页高度，首先要确保您拥有以下内容：

html, body {
  height: 100%;
}

这将确保您的内容实际上可以占据页面的整个高度。然后，您的图像也应将其高度设置为100％。

要让图片显示在移动设备之上，您需要使用css媒体查询，然后将图片设置为display: block; width: 100%。