在网页设计中，图片的大小控制是一个非常重要的环节。CSS（层叠样式表）提供了一种方便的方法来控制网页中图片的显示大小，可以有效地防止图片过大而破坏页面的整体布局。通过CSS，我们可以设置图片的最大宽度和高度，确保图片在任何情况下都不会超出设定的尺寸，同时还能保证图片的显示比例不受影响。
在给定的文件中，提到的方法是通过CSS选择器选中`img`和`a img`标签来实现图片大小的控制。这表示该CSS规则将应用于所有`img`标签以及`a`标签内的`img`子元素。通过这种方式，可以确保页面中的所有图片都能按照一定的规则进行展示，而不会因为图片尺寸过大导致页面布局错乱。
文件中提到的CSS规则设置`border`、`margin`和`padding`属性值为0，这是为了确保图片周围不会有任何的边框、外边距和内边距，这样可以保持图片与周围元素的整齐对齐，避免因为这些额外的属性值影响整体布局。
接下来，我们关注到`max-width`和`max-height`属性。这两个属性用于指定元素的最大宽度和高度。在这个案例中，`max-width`和`max-height`均被设置为590像素。这意味着无论图片原始尺寸如何，其在网页中显示的最大宽度和高度都不会超过590像素。这有助于网页设计师在设计页面布局时有一个清晰的预期，确保图片不会超出页面的布局框架。
然而，直接使用`max-width`和`max-height`属性，虽然可以限制图片的最大尺寸，但在某些情况下，可能会导致图片被不按比例缩放，从而发生变形。为了避免这种情况，CSS提供了一个名为`width`的属性，它通常和`max-width`联合使用，可以设置图片的宽度，而`height`属性则可以用来设置图片的高度。在这里，特别使用了`expression`函数来动态设置宽度和高度，确保图片的尺寸不会超过590像素，同时当图片原始尺寸小于590像素时，图片会保持原始尺寸显示。
需要注意的是，示例代码中的`expression`函数实际上是早期IE浏览器的一个特性，并不是标准的CSS语法。在标准的CSS中，应使用`max-width`、`max-height`以及可能的`width`和`height`（使用`!important`或结合媒体查询等方法以确保跨浏览器的兼容性）来实现这一功能。为了跨浏览器兼容，可以使用如下所示的CSS代码：
```css
img, a img {
border: 0;
margin: 0;
padding: 0;
max-width: 100%;
height: auto;
}
@media screen and (min-width: 591px) {
img, a img {
max-width: 590px;
width: 590px;
height: auto;
}
}
```
这段CSS代码中，首先设置了图片的边框、外边距和内边距为0，然后限制了图片的最大宽度为视口宽度的100%，这意味着图片在视口中宽度最大可为视口宽度。`height: auto;`确保图片高度根据宽度自动调整，保持原始比例不变。针对宽度至少为591像素的视口，使用了一个`@media`查询，将图片的最大宽度和宽度限制在590像素，并且保持高度自动调整。
以上就是用CSS控制图片显示大小的一些基础知识和方法，通过合理使用CSS属性，可以灵活地控制图片在不同设备和屏幕尺寸下的表现，提升网页的整体布局效果和用户体验。
