在写前端布局的时候,估计是最繁琐的时候。最近写了快报的官网三个界面的一点心得;
JQ中用的轮播啥的都是简单,最难的还是布局,
我们使用ul+li+img 的套路,最后我们的代码都是ul+img,因为float:left;用在li上面的时候,你会发现li里面的img并不会实打实的跟着li移动,
当你的窗口缩放的时候,如果你设置的li是百分比布局的时候,你会发现,随着窗口的缩小,我们的img图片会压缩,不会出现图片也随着li 的缩小而缩小,对我来说,我用的是去掉li,可能代码写的不严谨。
如果你的图片设置的大小是px固定大小,图片会跟着overflow:hidden的消失而消失;
如果是等比例来做,图片会缩小,
其实说的这么多,我把自己都绕进去了。最后来一句:
自适应:移动端;
响应式布局:PC到移动端的过渡;