如何使我的长高图像滚动条可见，图像可见

Question

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

提前致谢。The problem which shows that the photo is not fully shown, photo is 2160*3840 px means it is opposite of normal resolution

Answer 1

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

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

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

现在，就CSS而言，观看您网站的某些人可能会在手机上，有些人会在13和34岁以上。笔记本电脑，或者有些人可以在5k桌面上查看它 - 如果我们希望图像能够在所有这些不同尺寸上工作，那么很明显，图像必须以某种方式进行修改。

通过在此处添加background-size属性，我们可以调整这种情况：

• background-size:cover;似乎是您的最佳选择。它会略微裁剪/拉伸图像以适应它（但请记住，这可能会有所帮助）。

• background-size:100% 100%;将始终显示100％的图像 - 但这通常会导致图像被拉伸等。

此属性可以设置为很多其他值 - 您可以查看它们here，或者在MDN阅读其中的规范。