css中怎么让照片变小

在CSS中，我们可以使用一些属性来让照片变小。下面介绍其中几个比较常用的属性：

img {
   width: 50%; /* 限制宽度为页面宽度的50% */
   height: auto; /* 根据宽度自适应高度 */
}

img {
   max-width: 200px; /* 限制宽度最大为200px */
   height: auto; /* 根据宽度自适应高度 */
}

img {
   transform: scale(0.5); /* 缩小至原来的50% */
} 

以上属性中，最常用的是第一种，通过限制宽度来达到缩小照片的效果。第二种则是直接限制宽度及对应的高度，可以精确控制照片的大小。第三种则是通过CSS3的transform属性来实现缩放，这种方式可以让照片在不失真的情况下任意缩放。

需要注意的是，在使用以上属性时，最好保持图片的宽高比，以避免图片变形。如果需要调整图片的宽高比，可以通过CSS中的padding或者margin属性来实现。