分享 分享一段前端代码, adaptive thumbnail

cqcn1991 · 2015年06月09日 · 最后由 cqcn1991 回复于 2015年08月04日 · 1805 次阅读

效果图

具体效果如上,上为桌面端,下为移动端,用在了之前的 demo(http://productchase.coding.io/) 当中,你也可以直接去看看

Thumbnail 是我自己很喜欢的一个 Twitter Bootstrap 里面的组件,有图有文字,简单好看 唯一的问题就是移动端时,依然是图上文字下,占空间太大,我个人觉得横版更方便浏览,所以做了这个修改

具体代码见https://gist.github.com/cqcn1991/d6385a41ad0c4000f560 打不开也可以直接看 Codepen: http://codepen.io/cqcn1991/pen/eNxOpd

水平有限,希望大家也能指点一下~

之前那个写得太乱太长了,这次重新写了一下~ 看看能不能帮到大家~

需要 登录 后方可回复, 如果你还没有账号请 注册新账号