我们可以使用CSS中的width和height属性来设置照片的尺寸。例如，如果想将一张照片的宽度设置为300像素，可以使用如下代码：
img {
width: 300px;
}
这样，该照片的宽度将固定在300像素，高度将根据图片的宽高比自动计算得出。
如果想同时设置宽度和高度，可以使用如下代码：
img {
width: 300px;
height: 200px;
}
这样，照片的宽度将固定在300像素，高度将固定在200像素，不会根据图片的宽高比进行自动计算。
有时候，我们可能想设置照片的最大或最小尺寸，以避免照片过大或过小而影响布局。可以使用如下代码来设置照片的最大和最小宽度和高度：
img {
max-width: 100%;
max-height: 100%;
min-width: 50%;
min-height: 50%;
}
这样，照片的最大宽度和高度将分别为视口的宽度和高度，并且照片的最小宽度和高度将为视口宽度和高度的一半。
在网页设计中，还有一种常见的技巧是使用CSS的background-image属性来设置照片的背景图像。例如，可以使用如下代码将一张照片作为网页背景图像：
body {
background-image: url('photo.jpg');
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
这样，照片将会被平铺在整个网页背景中，并且由于使用了background-size: cover属性，照片将会根据视口的尺寸自动缩放以保证填满整个背景。
总的来说，控制照片大小是网页设计中不可或缺的部分。通过合理的调整CSS属性，可以让照片更好地适应不同的设备和布局，提升网页体验和美观度。
