Html 如何使图像适合浏览器屏幕

我有一个

.png

格式的1MB高清图像。我想让这张图片适合背景。因此，我的

css

如下所示

html{
    background: url("<%=request.getContextPath()%>/images/Frame_73_.png")no-repeat center center fixed ;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    babackground-size: cover;
    min-width: 100%;
    min-height: 100%;
}

html{
背景：url（“/images/Frame_73_.png”）无重复中心固定；
-webkit背景尺寸：封面；
-moz背景尺寸：封面；
-o-背景尺寸：封面；
背景尺寸：覆盖层；
最小宽度：100%；
最小高度：100%；
}

---

这里的图像正在拉伸。我希望精确的图像适合屏幕。我该怎么做呢。有人能帮我吗

背景大小css中有一个输入错误：

babackground-size: cover; // extra ba

如果您希望图像以剪辑方式覆盖背景，则此操作应有效：

background-size: cover;

如果您想让背景占据整个宽度，并根据需要调整自身比例，请使用：

background-size:contain;

请尝试以下代码：

background-size:100% 100%;

注意：这取决于页面的高度！（100%100%）

您可以尝试手动设置高度的以下代码：

---

请参见

当屏幕的纵横比与图片的纵横比不同时，您希望发生什么情况？应该剪吗？从中间还是从上/下/左/右？剪裁意味着我的意思是发生了什么。你要么拉伸图像，要么剪裁它。你更喜欢哪一种？查看规则

背景尺寸：封面它的拼写不正确。如果盖子不好，只需使用
背景尺寸：100%100%
，然后删除
最小高度/宽度
，如果你仍然没有所需的外观，就竖起小提琴。是的，我找到了。我改变了它现在也不适合well你可以发布一个链接，这样我可以看到吗？如果我给包含它只是显示为原始大小，如果它是覆盖它不适合很好，图像将拉伸非常大，所以我无法看到图像的一些内容。我如何发送链接。我在eclipse中本地工作。如果您的图像重约1MB，我假设它的分辨率非常高。。我的第一个建议是你把你的照片带到photoshop或类似的程序中。。缩小图片的尺寸，最大宽度为1900px。。更不用说。。然后将其保存为web优化，然后重试。。让我知道：）
background-size: 100% 900px;