做重庆网站建设时，进行WEB页面布局经常运用图片多列排版，如遇到各图片尺寸比例不一致的情况，排版会乱。如果设置图片为固定尺寸也会造成某些图片被拉长、压缩，影响用户体验。

现在大多使用自适应的布局方式，可以用JS的方式解决，兼容性也比较好。其实也可以用CSS3的方式达到这样的效果。小猴的建站秉承能用CSS样式就不用JS的原则，代码精简，页面打开速度也相对较快。

如下代码：

img{width:100%;height:auto;aspect-ratio:1.6}

后面的 aspect-ratio 为CSS3，并不是所有浏览器都支持，需要写兼容代码。后面的数字建议用1.6比率，浏览器比较喜欢收录 121:75比例的图作为快照的图片，换算出来就是1.6。

兼容性如下：

• 浅绿 = 支持
• 红色 = 不支持
• 粉色 = 部分支持