javascript - 无法让我的背景图像根据屏幕尺寸扩展正确变形

Question

我只想有一个带有导航栏的简单方形背景图像。我已经能够启动图像和导航栏，但图像本身并没有扩展我想要的方式。在手机上，我希望它从上到下安装，但侧面会脱落，然后随着屏幕变大，它会慢慢移动到完整的形状，然后最终以桌面尺寸为中心，以黑色背景为中心，填充图像可以' t 覆盖而不明显被拉伸。非常感谢帮助，下面的例子。

我想要的是

发生了什么

标签： javascripthtmlcss

Answer 1

将您的图像放在 div 上，以便轻松调整。

div {
    background: url('putyoururlhere');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    min-height: 30vh;
}

根据您的需要为其设置宽度和高度。