响应式开发从原理到实战案例(十):响应式改版完整案例-头部列表

来源:互联网 发布:python开源应用 编辑:程序博客网 时间:2024/05/22 00:43

效果图


响应式后


实现的关键过程

第一步:ul媒体查询样式
使用媒体查询屏幕低于760px后
width:80%;
marging:0 auto; //水平居中显示
第二步:li标签媒体查询样式

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

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


0 0