Parallax.js 中的縮放圖像

Question

我提前為我的英語道歉，我在我的頁面上使用 Parallax.js，我遇到了以下問題。 我用來創建視差的圖片的分辨率是 3160x2840，但我的屏幕是 1920x1080。 是否可以將這張照片縮放到屏幕分辨率？

Answer 1

這是一個技巧，為您的 img 標簽指定 class="parallax-image"

.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