html - 网站背景图片缩放到独立文本 block 的大小

Question

所以我正在开发一个网站 HERE当您按住 CTRL 键并向外滚动时，背景图像会以“关于”部分文本向上移动到图片前面的方式缩放。

我已经尝试过调整元素大小和定位等操作，但我对要做什么或如何使背景图片缩放并与欢迎文本区域保持比例感到困惑。

如果有任何您知道的资源，请发送链接，一切都会有所帮助。

干杯。

Answer 1

怎么样，在main.css第16行改:

height: 30%;

到一个特定的像素高度:

height: 275px;