手机页面webapp图片布局问题

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

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

图片描述

mobile css htm JavaScript


share
Y肛互撸娃 9 years, 6 months ago

Answers

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


share
远野贵树_ answered 9 years, 6 months ago

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

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

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


share
一天佑一天 answered 9 years, 6 months ago

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


share
冷攻D爸♂爸 answered 9 years, 6 months ago

Your Answer

Ask Question
Related questions

有A，B两个页面如何用JS在A中的某块区域显示B页面！

静态页面Demo项目，如何将header和footer 像PHP一样 include？

如何在按钮单击一次就把图片变大，然后再单击一次图片又变小，我做了个if语句判断

怎么在点击确定按钮后退出 input 编辑状态，并且按钮恢复到修改按钮

目前什么js模版引擎比较好？

点击span时不让li触发active，只触发span的active
Related posts

教育相关网站整理