/* 重置默认样式，去除 body  margin 和 padding */
body {
  margin: 0;
  padding: 0;
  /* 让溢出部分隐藏，避免滚动条出现 */
  overflow: hidden; 
}

/* 对 img 元素进行样式设置 */
img {
  /* 让图片宽度充满整个视口宽度 */
  width: 100vw; 
  /* 让图片高度充满整个视口高度 */
  height: 100vh; 
  /* 按比例缩放，保证图片完整显示，同时尽可能大 */
  object-fit: contain; 
  /* 让图片在水平方向居中 */
  margin: 0 auto; 
  /* 让图片以块级元素显示，方便 margin 居中生效 */
  display: block; 
}