Bootstrap背景图像在移动浏览器上有所不同

-1

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

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

我怎样才能让这个跨浏览器友好的回应？

来源

2015-04-26 ambethoney

你应该-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; 
}

来源

2015-04-26 18:57:50 locateganesh

谢谢，我已经试过这一点。它仍然裁剪图像，而不是显示完整的图像。我也试过 'background-image：100％; background-image：100％100％： background-image：auto： background-image：contains; background：url（'mccarran_pool.jpg'）; background-size：cover;' 这些都不起作用 – ambethoney

相反，我应该说整个图像仍未显示在着陆页上。您必须向下滚动才能看到底部，而不是在视口中查看整个事物。 – ambethoney

行..你想完整显示..试试这个背景大小：100％100％;而不是background-size：cover; – locateganesh

Bootstrap背景图像在移动浏览器上有所不同

回答

相关问题