Question

我正在尝试在div中使用图像（使用了Bootstrap主题），它在台式机版本中可以正常工作，但是在移动设备（尤其是iOS）（Safari）中，其缩放比例无法正常显示。

这是我尝试过的：

      .full {
                background: url('../../../Content/images/16029.jpg') no-repeat center;
                -webkit-background-size: cover;
                -moz-background-size: cover;
                -o-background-size: cover;
                background-size: cover;                                
            }

对于裁判：https://tta.allsoft.co

Answer 1

背景封面：调整背景图像的大小以覆盖整个容器，即使它必须拉伸图像或从边缘之一上切掉一点-w3schools
如果您想在窗口中全部使用它，那么您不希望使用Cover，而是使用百分比或视口的宽度和高度，但是我警告您，它会使图像变形。

background-size: 100%;

或

background-size: 100% 95%;

或

background-size: 100vw 100vh;

如果使用两个数字，则第一个数字控制宽度，第二个数字控制高度。有关此访问的更多信息，请访问w3schools

div背景比例以适合iOS设备

1 个答案: