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

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

如下代码：

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

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

兼容性如下：

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

Values	IE	Firefox	Chrome	Safari	Opera	iOS Safari	Android Browser	Android Chrome
Basic Support	6.0-8.0	2.0-3.0	4.0-25.0#1	6.0#1	15.0+	6.0-6.1#1	2.1-4.3#1	18.0-24.0#1
	9.0-11.0#1	3.5+	26.0+	6.1+		7.0+	4.4+	25.0+