Html 在移动视图中视差图像大小调整不正确

我正在一个网站上工作，我使用样式元素在我的每个页面上添加了一个视差图像，但我不明白为什么这些图像在移动视图中放大太多。当我在笔记本电脑上预览这些图像时，甚至在手机视图上，它们看起来都很好，但是当我在手机上查看它们时，图像放大了太多。该网站是。这是我现在在HTML中的内容：

<style> 
    .parallax {
      background-image: url("images/IMG_2504.JPG");
      min-height: 812px; 
      background-attachment: fixed; 
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover; 
    }
</style>

.视差{
背景图片：url（“images/IMG_2504.JPG”）；
最小高度：812px；
背景附件：固定；
背景位置：中心；
背景重复：无重复；
背景尺寸：封面；
}

有人知道如何解决这个问题吗？我将非常感谢你的帮助。 只有在手机上使用时才会出现此问题