在Boot Strap 3中根据屏幕大小加载图像

Question

我使用Boot Strap 3作为我的新响应式布局.对于我的主页,我有背景图片.请根据屏幕分辨率建议如何使用不同的背景图像.我不能使用响应类.请使用以下网址查看布局.

http://idea66.com/mobile/screenshot.png

如果我为不同的屏幕类型创建这个结构,我们如何使用Boot Strap 3.0调用它们

谢谢你莫妮卡

Answer 1

您可以使用带有媒体查询的CSS.例:

@media (max-width: 979px) {

    body {
        background: white url(medium.jpg);
    }

}

@media (max-width: 767px) {

    body {
        background: white url(small.jpg);
    }

}