很多网页都是基于网格设计的,这说明网页是按列来布局的. 原理就是讲网页分成十二列,每列的宽度是8.33%,元素的宽度,用几列来定义,正是因为这一点,才可以做到响应,就是随着窗口宽度的变化,给元素分配不同的列数! 比如: 大于1280px的时候,三个元素,两边的各占三列,中间的占六列 小于1280px大于980px的时候,左边占六列,中间的占六列,右边占十二列(此时右边就换行了) 小于980px的时候,左右中都占十二列,各占一行. 我们怎么获取当前窗口的宽度呢,就需要用到实现响应式的基础:媒体查询…