效果图
响应式后
实现的关键过程
第一步:ul媒体查询样式使用媒体查询屏幕低于760px后width:80%;marging:0 auto; //水平居中显示
第二步:li标签媒体查询样式
display:block;//显示块级元素
margin-bottom:10px;//元素垂直间隔10px的
~~~~~~~~~~~~~~~~~下一节《响应式改版完整案例-头部菜单》~~~~~~~~~~~~~~~~~
响应式后
第一步:ul媒体查询样式使用媒体查询屏幕低于760px后width:80%;marging:0 auto; //水平居中显示
第二步:li标签媒体查询样式
display:block;//显示块级元素
margin-bottom:10px;//元素垂直间隔10px的