Bootstrap背景图像在移动浏览器中是不同的

Question

我正在使用封面主题处理Bootstrap项目。我在所有浏览器和屏幕尺寸上检查此项目。在某些情况下，我的背景照片很棒并且应该滚动。在其他情况下，背景照片只是固定而不会滚动。它也有不同的作物 这是我的代码：

html,
body {
height: 100%;
background: url('mccarran_pool.jpg') center center no-repeat;
background-attachment: fixed;
background-size:cover;
}

如何使这个跨浏览器友好且反应灵敏？

Answer 1

你应该-webkit-和-moz-因为在某些浏览器中它不起作用。 试试这个：

html,
body {
height: 100%;
background: url('mccarran_pool.jpg') center center no-repeat;
background-attachment: fixed;
-webkit-background-size:cover;
-moz-background-size:cover;
background-size:cover;
}