响应的背景css图像

Question

我正在尝试将我的启动页面上的背景图片调整为更小的尺寸。我希望图像覆盖整个部分，无论屏幕大小如何。

.splash{
background-image: url("../images/lanternboys_medium.jpg");
background-size: cover;
height: 100vh;
width: 100%;
margin: 0;
padding-bottom: 40px;}

当我在ipad上查看时，图片非常大！我已经读过其他人试图去除高度和宽度并将背景大小设置为“包含”但是如果没有“覆盖”功能它就不会延伸到我想要的状态。

图片的当前尺寸为1366x911，但我的尺寸更大，为5184x3456。

任何提示将不胜感激！

Answer 1

大多数情况下，vw和vh单元在iOS设备上无法正常工作。也许如果你将背景高度设置为100％并将背景宽度设置为自动？由于你的身高小于宽度，所以应该可以解决问题。