body, html {
    margin: 0;
    padding: 0;
    height: 100%; /* 使body和html的高度都为100% */
    display: flex; /* 使用Flexbox布局 */
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
}
 
.fullscreen-image {
    max-width: 100%; /* 确保图片宽度不超过容器宽度 */
    max-height: 100%; /* 确保图片高度不超过容器高度 */
}
 
.fullscreen-image img {
    width: auto; /* 自动调整宽度以保持图片比例 */
    height: auto; /* 自动调整高度以保持图片比例 */
}