响应式开发从原理到实战案例（十）：响应式改版完整案例-头部列表

效果图

响应式后

实现的关键过程

第一步：ul媒体查询样式

使用媒体查询屏幕低于760px后

width：80%;

marging:0 auto; //水平居中显示

第二步：li标签媒体查询样式

display:block;//显示块级元素
margin-bottom:10px;//元素垂直间隔10px的

 ~~~~~~~~~~~~~~~~~下一节《响应式改版完整案例-头部菜单》~~~~~~~~~~~~~~~~~