Javascript 我的移动响应网站未正确调整大小

我有一个网站在开发阶段。默认视图看起来很好，但当浏览器重新调整大小时，图像和字体看起来太长或太紧，而不是优雅地响应。我在这里附上了两张图片。请告诉我出了什么问题。谢谢。

如果图像是背景，请尝试添加：

background-size: cover;

给那些潜水艇

这将使图像足够大，以填充其容器，同时保持原始比率

---

如果图像只是一个img而不是背景图像，如果您切换它，它应该可以工作。

当您将此CSS与背景图像一起添加时，它在所有浏览器大小中都会占用

100%的宽度。添加此css后图像不会拉伸

background-position: center center; 
background-repeat: no-repeat; 
background-attachment: fixed; 
background-size: cover; 
height: 100%; 
width: 100%;

您使用什么使站点响应？您是否在代码中添加了视口？并提供指向您的网站的链接或制作小提琴。您是否使用引导程序来创建响应性网站？当然。当你在背景图像中添加这个css时，它在所有浏览器大小中都占100%的宽度。添加此css后图像不会拉伸。背景位置：中心；背景重复：无重复；背景附件：固定；背景尺寸：封面；身高：100%；宽度：100%；很好，但是下次在你的回答中写上这个描述