css怎么让图片满屏

CSS如何让图片满屏呢？我们可以使用以下方法：

img {width: 100%;height: 100%;object-fit: cover;}

上面的代码中，我们使用了width和height属性将图片的宽度和高度设置为100%。这样就能够让图片占满整个屏幕。

但是，在某些情况下，图片的比例与屏幕比例不完全匹配，这时候图片可能会被压缩或拉伸，影响视觉效果。这时候我们可以使用object-fit: cover;属性，将图片填充满整个区域，并保持图片比例不变。

如果你想让图片在满屏的同时保持完整比例，可以使用以下代码：

img {width: auto;height: auto;max-width: 100%;max-height: 100%;}

这样就能够让图片在满屏的同时不失真。其中max-width: 100%和max-height: 100%属性保证了图片不会超出父容器的范围，从而保持了比例。

上一篇：css怎么表示行高

下一篇：css怎么给文字划线