Question

我有一个psd设计，背景给我html5 - bootstrap开发，也应该响应。

psd： psd宽度超过1200px，主容器宽度约为900像素，背景在psd中显示正常。

html 但是当我创建html并保持响应时，我发现背景图像几乎被通常发生的主容器隐藏。

推文然后我被要求在桌面上观看时保持固定长度大约900像素并保持响应（这可能隐藏背景图像 - 这很好）适用于较小的设备。我知道有一些解决方案，但我找不到。

问题是： 使用bootstrap如何为大于900px的设备修复响应式设计的长度。

Answer 1

你应该查找CSS Media Queries。我认为这正是你想要的 - 它可以让你用以下条件定义css规则：

@media (min-width 900px) {
    //css rules here
}

这应该允许您在宽度大于900px时设置所需的固定行为，但在较小的尺寸上仍然具有更多的自适应响应行为。