img {max-width: 800px; height: auto;}
代码中的max-width:800px限制图片的最大宽度为800像素,而下面的hight:auto很关键,可以保证图片有正确的长宽比,不至于因为被调整宽度而变形。
img {width:100%;height: auto;}
这种css是图片自适应,不管img的父元素宽度高度如何调整,img都会等比填充,知道宽度和父元素一样。
img { width:100px; height:100px;}
这种是直接控制图片的 宽和高。