随笔分类 -  responsive design

css图片响应式+垂直水平居中2
摘要:转载请注明:TheViperhttp://www.cnblogs.com/TheViper上一篇说的是限定图片组最大宽度情况下,其中图片的响应式+垂直水平居中。实际上,结合本屌的这篇模拟flexbox justify-content的space-between,space-around,然后不限定图... 阅读全文

posted @ 2015-08-26 23:30 TheViper_ 阅读(1049) 评论(0) 推荐(0)

css图片响应式+垂直水平居中1
摘要:转载请注明:TheViperhttp://www.cnblogs.com/TheViper效果要求:1.尽可能兼容更多浏览器,这里兼容到ie7,ie6不支持max-*就不考虑了。2.浏览器尺寸变化时,图片总是等比例拉伸或缩放。3.包裹图片的div也是响应式的,并且每个div的尺寸是一样的。4.图片始... 阅读全文

posted @ 2015-08-12 22:22 TheViper_ 阅读(2818) 评论(1) 推荐(2)

模拟flexbox justify-content的space-between
摘要:转载请注明:TheViperhttp://www.cnblogs.com/TheViper(本文的初衷是弥补一点响应式设计在低版本浏览器中的不足,因此如果你对响应式不感冒,请无视)flexbox?关于flexbox,本屌无法专业的说很多,可以参见Flexible boxes更加优雅的Web布局。这是... 阅读全文

posted @ 2015-05-26 12:44 TheViper_ 阅读(3890) 评论(0) 推荐(1)

avalonjs响应式瀑布流
摘要:效果:感谢迅雷ued的图片支持 转载请注明出处:http://www.cnblogs.com/TheViper/p/4026462.html 参考:张鑫旭的这篇文章http://www.zhangxinxu.com/wordpress/2012/03/%E5%A4%9A%E6%A0%8F%E5%8... 阅读全文

posted @ 2014-10-15 15:33 TheViper_ 阅读(2748) 评论(1) 推荐(2)