html - 有没有办法让图像保持比例？

Question

您好，我正在用 html 和 css 尝试一些东西，看看哪些有效，哪些无效，我想知道是否有可能使图像停留在屏幕中央并始终适应屏幕的大小屏幕。例如，当我在 1920*1080 的屏幕上查看时，图像大小为 192*108，而当我在 1600*900 的屏幕上查看时，它变为 160*90，而图像的中心位于中间。

PS:图像的分辨率改变并不重要，即使它有时使图像看起来很糟糕。

Answer 1

您不能仅使用图片标签来做到这一点。您可以将您正在使用的图像作为背景图像，然后将大小设置为覆盖。基本上是这样的:

body {
    background-image: url('url/to/your/image.jpeg');
    background-size: cover;
    background-position: center center;
}