我的页面上有一个横幅，具有以下设置:
width: 100%;
height: 100px;
background: url(...) no-repeat center center fixed;
但我与背景的锁定纵横比和背景的响应宽度和高度的组合作斗争。
当我有一个锁定的背景宽高比(删除背景大小 100 100)时，当窗口调整到超过图像大小时，它的每一侧都有空白。
当我有 background-size: 100% 100%; 时，纵横比不会被锁定。
当我有 background-size: 100%; 时，宽高比被锁定，它有 100% 的宽度，但它的顶部和底部有空白。
我问你，你能不能教我一个锁定纵横比的组合，并且没有空格。我创建了一个 JSFiddle，其中包含每个示例:https://jsfiddle.net/30ycgsg0/
感谢您的每一个回复，祝您有愉快的一天!
最佳答案
使用background-size:cover;。
由于元素的纵横比可能与图片的纵横比不同，而且您不希望出现空格，因此图片有时会被截断。
关于html - 在 CSS 中完美修复背景横幅，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/38542790/