Bootstrap 3破坏移动整页背景

Question

我在我管理的网站上使用Bootstrap 3作为我的界面页面。我使用这个CSS设置我的整页背景图片：

x

效果很好......在桌面上。在移动设备上，图像会被调整为非常小的分辨率，并且会在自举3面板上方向上推。

Here is a picture。在桌面上，图片覆盖整页 这是一个jsfiddle。

问题是如果我删除引导代码它会很有效;例如，在另一个不使用bootstrap的页面上，使用相同的CSS。该图像可以在桌面和移动设备上很好地扩展。

可能是什么问题？

由于

Answer 1

我不确定，但可能取决于您在手机上使用的浏览器？

尝试添加：

-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;

我可能错了，但值得一试。

希望它有所帮助。

Answer 2

最后我用过; <img src="/resources/ui_bg.jpg" style="width:100%;height:100%;position:absolute;top:0;left:0‌​;z-index:-5000;" alt="">

谢谢你们！