css照片填满屏幕

CSS 照片填满屏幕通常被用于演示大型封面图或背景图。要实现这个效果，我们需要熟悉以下 CSS 属性：background-image、background-size、height 和 width。

background-image: url("path/to/image.jpg");
background-size: cover;
height: 100vh;
width: 100%;
 

让我们来分解这份代码：

• background-image - 指定背景图的路径。
• background-size: cover; - 让背景图按比例缩放，填充 div 的整个宽高。
• height: 100vh; - 让 div 的高度占满屏幕的整个可视区域。
• width: 100%; - 让 div 的宽度占满父元素（一般为 body）的整个宽度。

通过这些属性的结合，我们可以轻松让一张图片完美地填充屏幕。