手机页面webapp图片布局问题

Question

或许是一个很简单的问题，但是想请教一下有没有最佳的实现方案？

实现一个类似下面这种效果的布局，三个不同大小的图片，缩放成一致大小，兼容微信浏览器。

Answer 1

我一般是把图片的外层有个百分比在大小，图片设置100%；这个最好是背景图比较好

Answer 2

1. 编写3个大小一致的div，题主的需求的话，设为33.3%宽度，float:left即可。

2. 然后给每一个div设置背景图片，并且设置background-size:cover

3. 做一下缓加载，well done.

Answer 3

使用flex布局，而且可以实现三列自适应。