Html 不管我做什么，视差图像都会放大

这个问题似乎在不同的网站上被问了很多次，但都没有真正的“啊哈！”答案。我还是个新手，我知道有一百万种不同的方法来编写代码，但我希望有一个非常简单的解决方案，不需要我重写代码

据我所知，这是视差的固有特性，人们要么必须裁剪图像以使其工作，要么必须做大量的变通，以解决视差固有地放大或干扰原始图片尺寸的问题，无论页面上的方向如何（在我的例子中，我想把它放在屏幕的左侧，右边的文本是滚动元素，还没有找到它，但是在页面的右上半部分有导航栏是我的下一个项目）

图片的尺寸是1341x2063；我听说有人将最大高度设置为2063px；最小高度设置为1341px；。尝试过，但没有成功

我在代码中弹出了一个imgur链接，显示了我正在处理的实际图片，下面是我这边的截图：

我的html有我的视差的css内联，我想保持这种方式，因为它对我来说很容易理解，而不必返工大量的项目

@charset“UTF-8”；
保险商实验室{
列表样式类型：无；
保证金：0；
填充：0；
溢出：隐藏；
背景色：#333；
}
李{
浮动：左；
}
李阿{
显示：块；
颜色：白色；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
}
/*悬停时将链接颜色更改为#111（黑色）*/
李娜：停下来{
背景色：#111；
}
.主动{
背景色：#4CAF50；
}
钮扣{
过渡时间：0.4s；
背景色：#800080；/*紫色*/
边界：无；
颜色：白色；
填充：6px 38px；
文本对齐：居中；
文字装饰：无；
显示：内联块；
字体大小：16px；
边界半径：8px；
}
按钮：悬停{
背景色：#4CAF50；/*绿色*/
颜色：白色；
}
/*居中文本*/
.居中{
位置：绝对位置；
最高：50%；
左：50%；
转换：翻译（-50%，-50%）；
}

我回家了
.视差{
/*要使用的图像*/
背景图像：url（“https://imgur.com/a/FHtZqm7");
最小高度：600px；
/*滚动效果*/
背景附件：固定；
背景位置：左；
/*图像宽度疑难解答*/
宽度：50%；
身高：100%；
背景重复：无重复；
背景尺寸：自动；
}
/*关闭平板电脑和手机的视差滚动。如果需要，增加像素
@仅介质屏幕和（最大设备宽度：1366px）{
.视差{
背景附件：滚动条；
}
}
*/













这是我，


这是一个个人和专业的网站，完全由我自己设计（作为一个个人项目），目的是以可访问的方式显示我的简历、联系信息和其他项目，供感兴趣的人查看。

当背景附件设置为“固定”时，它将相对于视口固定。这是为了实现视差效果。浏览器在保持纵横比的情况下执行此操作。因此，为了防止拉伸或缩放图像的外观，您可以裁剪图像或使用背景大小css值

.parallax {
  background-size: 100% 65%;
}

---

您需要更改的唯一设置是第二个值，这将帮助您修复图像上的拉伸或缩放效果，您可以检查的另一个建议是将背景大小设置为覆盖。

可能只是我，我不明白您的要求，但您能描述清楚您想要什么吗？您好，谢谢您的回复。您可以从I我的代码中的mgur链接（html的第29行），这是我需要的照片的原始大小。从我在帖子中链接的屏幕截图来看，这是放大照片的结果。基本上，视差滚动效果正在放大我的照片，我不知道为什么。好吧，我试着复制它，但不知道它是否被放大，从我的角度来看，它不是，但可能是b因为我没有所有的css代码和原始图像。在这里你可以找到我的笔：。你有网站的链接吗？答案很好，非常感谢。视差{背景大小：40%100%；}是关键。非常感谢你的帮助！没问题，编码快乐