CSS 保持图片宽高比：最佳方法和示例

可以使用以下方法来设置 CSS 样式，以保持原照片的宽高比：

1. 使用 max-width 和 max-height 属性来限制图像的最大宽度和高度，同时保持宽高比。例如：

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

2. 使用 object-fit 属性来调整图像在容器中的位置和大小，同时保持宽高比。例如：

img {
  object-fit: contain;
}

这将使图像按比例缩放以适应容器的大小，同时保持原始宽高比。其他可用的值包括 fill，cover，scale-down 等，可以根据需要进行调整。