我使用background-size属性的全宽和高背景图像,但无法让它完全覆盖在纵向视图Nexus7平板电脑上的Chrome浏览器。 它只覆盖宽度而不是高度,即它下面有大约200px的空白。 但是,当我在桌面Chrome浏览器(或其他任何地方)中查看网站并在垂直显示器上模拟纵向尺寸时,它不会造成任何问题。 任何人都有解决scheme? CSS: html { background: url(http://img.dovov.compost_bg.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://img.dovov.compost_bg.jpg', sizingMethod='scale')"; } 肖像屏幕截图:
我有一个项目,我正在使用固定的背景图像。 除了ios7之外,它在任何事情上都很好用。 在iPad上,背景图像放大,模糊。 这里是我使用的CSS代码 – .header { display: table; height: 100%; width: 100%; position: relative; color: #fff; background: url(..http://img.dovov.comboston2.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } 这里是链接到实况页面 – www.wdeanmedical.com 我错过了什么?