自适应布局的心得（通过布局快报网站）

在写前端布局的时候，估计是最繁琐的时候。最近写了快报的官网三个界面的一点心得；

JQ中用的轮播啥的都是简单，最难的还是布局，

我们使用ul+li+img 的套路，最后我们的代码都是ul+img，因为float：left;用在li上面的时候，你会发现li里面的img并不会实打实的跟着li移动，

当你的窗口缩放的时候，如果你设置的li是百分比布局的时候，你会发现，随着窗口的缩小，我们的img图片会压缩，不会出现图片也随着li 的缩小而缩小，对我来说，我用的是去掉li，可能代码写的不严谨。

如果你的图片设置的大小是px固定大小，图片会跟着overflow：hidden的消失而消失；

如果是等比例来做，图片会缩小，

其实说的这么多，我把自己都绕进去了。最后来一句：

自适应：移动端；

响应式布局：PC到移动端的过渡；

 

转载于:https://my.oschina.net/u/3001240/blog/806519