/* 全屏图片的样式 */
.fullscreen-img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
/* 使用 object-fit 属性 */scrapy css图片，css2017规则，css与html关联，css 解决中文乱码问题，css数学公式怎么拼，css怎么变块级元素，css nth-last
把图片的 CSS 样式设置成以上代码示例，就可以让图片全屏铺满手机屏幕。其中，position: absolute;让图片脱离文档流，top: 0;和left: 0;把图片放到页面的左上角，width: 100%;和height: 100%;让图片的宽高占满整个屏幕。
然而，有些图片可能比手机屏幕大或小。为了让图片适应屏幕，可以使用object-fit属性。这个属性有两个值：contain和cover。前者保留图片的宽高比，缩放图片以适应容器。后者，同样保留图片宽高比，但会剪裁图片以确保填满容器。在以上代码示例中，object-fit: cover;可以让图片剪裁以适应屏幕。
总结来说，使用 CSS 实现全屏图片很简单。设置图片的宽高为 100%，将其定位到页面的左上角，再加上object-fit: cover;属性即可。这样做可以让图片在手机上的显示效果十分出色，让你的网页看起来更加现代化。