【发布时间】：2015-03-27 03:22:49
【问题描述】：
我刚刚开始使用 Bootstrap 进行冒险，并且我有一个响应式设计来编写代码。这是我买的一个项目，现在我需要让它可点击:)
它基于bootstrap 网格完成并具有1920px width。
我的问题是：如何使这个元素background（背景图像和白框单独或一起在一层 - 不知道哪个更好）响应适合retina和所有others devices。我尝试了不同的image resolutions（来自1920px to 1200px）和许多css命令，但至少在视网膜上看起来总是不同。我知道它可能与大屏幕不同的列宽有关，但不知道如何处理。
我会感谢各种帮助。
在这里你可以看到设计元素：
【问题讨论】：
-
写代码，你刚刚尝试了什么？
-
我试过了：背景：url(images/bg.jpg) no-repeat center center fixed; -webkit-background-size：封面； -moz-background-size：封面； -o-background-size：封面；背景尺寸：封面；还有：背景大小：100% 100%；还有很多。我想我的问题是在背景中包含错误的图像，但不知道如何正确准备它
标签： html css twitter-bootstrap responsive-design image-scaling