轩宇网

标签搜索

搜索到 1 篇与 s_width 的结果

javascript实现列表的响应式排版(推荐)

javascript实现列表的响应式排版(推荐)

列表的响应式排版，首先每行固定好个数，然后随页面宽度调整个数和大小，保证图片的的可读性及美观。接下来小编给大家带来实现思路介绍，一起看看吧先给大家展示下效果图，如果感觉还不错，请参考实现代码。一、每行固定个数：保证排版的美观.list li{ width:20%;display:inline-block; *display:inline;*zoom:1;overflow:hidden; }二、随页面宽度调整个数和大小：保证图文的可读性.list li{ width:20%;display:inline-block; *display:inline;*zoom:1;overflow:hidden; }1、媒体查询控制宽度@media screen and (max-width:1280px){ .list-table1 li{width:25%} } @media screen and (max-width:600px){ .list-table1 li{width:33.3%} } @media screen and (max-width:400px){ .list-table1...

2018年08月12日

5,255 阅读

0 评论