我希望你能帮助我，我被这个问题困住了。
此处示例：http: //myko.dk/pegasus/index.html（正在进行中）
我想让背景图像自动调整大小以适应浏览器宽度。现在，如您所见，图像在调整大小时被裁剪。我还在学习编码，我可能弄乱了 css，并且使用 fullpage.js 也很困惑。
实际上，我认为“背景大小：封面”会自动调整大小 - 有人愿意详细说明吗？
提前致谢
问问题
189 次
1 回答
1
background-size:cover是这样做的正确方法。
您的实现只是有几个问题：
您在同一元素（照片和徽标）上有多个背景图像。您应该在此元素上使用
cover（正如您所做的那样），因此您需要将徽标放在不同的元素上（否则它也会调整大小）您当前设置
background-size: cover;的位置将被您的background:属性覆盖。您可以通过在background-resize之后立即添加background:或将当前更改background-size: cover;为来解决此问题background-size: cover !important;除非您需要良好的向后浏览器支持（早于 IE 9），否则您不需要为此使用 js。
有关更多信息，请参阅MDN。
于 2014-05-25T22:41:23.363 回答