所以我最近发现了一些网站，其中背景上的背景总是完美地瞄准视口。例如，如果您在移动设备，平板电脑或桌面设备上查看http://startbootstrap.com/templates/grayscale/或http://simplesimple.co/currency/，则背景图像即使在不同方向也始终填充视口。
这不像向图像添加max-width: 100%那么简单，因为它只能水平填充。我的第一个想法是它是艺术方向用例，其中断点针对图像的不同作物。看起来很多工作要达到这个效果，所以我想知道我是否错过了什么。
答案 0 :(得分：1)
参考http://startbootstrap.com/templates/grayscale/，主横幅图像已添加为背景图像，其background-size属性的值为cover，它将拉伸图像以适合任何大小的屏幕。
然后有一些技巧，比如设置主要部分标签，将显示属性设置为table，允许其子div（包含标题和子标题）垂直居中，显示：table-cell和vertical-align：middle
它建立在twitter bootstraps框架上，内置网格和媒体查询，允许通过每个屏幕尺寸的background-image属性添加不同的图像