调整窗口大小时防止图像缩放（视差效果）

Question

我仅使用CSS创建了一个简单的parallex效果。我的问题是，当窗口扩展时，浏览器会放大图像，并且底部开始被切除。有什么办法可以防止这种情况？ （{https://jsfiddle.net/5268agp1/2/，如果您扩展结果窗口，您将看到笔记本电脑的底部被切断）。我尝试在本地项目中使用该图像的不同大小来纠正此问题，但这没有效果。这是我的代码：

html：

<div class="parallex">

</div>

css：

.parallex{
  background: url("https://cdn.pixabay.com/photo/2018/03/01/09/33/laptop-3190194_1280.jpg");
  background-size: cover;
  background-attachment: fixed;
  height: 100vh;
  margin-bottom: 100px;
}