html - 如何使我的长高图像滚动条可见并且图像本身可见

我有一个小网站，我正试图计划建立。但是当我开始为它制作背景图片时，图片是这样制作的，所以我的网站有点像上下滚动的网页，所以我把它做得很长。但是现在图像只显示了它的一小部分，我尝试更改浏览器的分辨率并且我可以看到它，但没有它我无法滚动查看整个图像。

显示照片未完全显示的问题，照片为 2160*3840 px 意味着它与正常分辨率相反：

标签： htmlcss

如果您使用 CSS 并将其作为背景图像添加到页面body，那么它应该是一个容易解决的问题（实际上您有很多选择）。

首先，假设这是您当前的代码：

body {
    background-image:url("yourimage.png"); /* The filetype does not matter */
}

现在，就 CSS 所见，查看您网站的一些人可能在手机上，一些在 13 英寸笔记本电脑上，或者一些人可能在 5k 台式机上查看它——如果我们希望图像在所有这些不同尺寸上都能正常工作，那么显然必须以某种方式修改图像。

通过在此处添加background-size属性，我们可以调整发生方式：

这个属性还有很多其他的值可以设置——你可以在这里查看它们，或者在MDN上阅读它的规范。