Parallax.js 中的缩放图像

【问题标题】：Scaling image in Parallax.jsParallax.js 中的缩放图像
【发布时间】：2021-08-13 15:06:20
【问题描述】：

我为我的英语提前道歉，我在我的页面上使用 Parallax.js 并且遇到了以下问题。我用来创建视差的图片的分辨率为 3160x2840，但我的屏幕是 1920x1080。是否可以将这张照片缩放到屏幕分辨率？

【问题讨论】：

标签： javascript node.js parallax parallax.js

【解决方案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

【讨论】：

它没有改变任何东西，看起来它被忽略了
你可以使用 width: 100vw height: 100vw 但不推荐