在Parallax.js中缩放图像

Question

我为我的英语提前道歉，我在我的页面上使用Parallax.js，我遇到了以下问题。我用来创建视差的图片的分辨率是3160x2840，但我的屏幕是1920x1080。有没有可能把这张照片的比例调整到屏幕分辨率？

Answer 1

这里有一个技巧，给你的img标签指定一个“-class=”

.parallax-image {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

您可以使用的其他方式

width: 100vw