本文介绍了响应式设计的两个核心步骤：一是针对不同屏幕尺寸使用媒体查询调整ul元素的宽度和居中显示；二是通过媒体查询改变li标签的显示方式和间距，确保在小屏幕设备上也能良好展示。
效果图
响应式后
实现的关键过程
第一步：ul媒体查询样式使用媒体查询屏幕低于760px后width：80%;marging:0 auto; //水平居中显示
第二步：li标签媒体查询样式
display:block;//显示块级元素
margin-bottom:10px;//元素垂直间隔10px的
~~~~~~~~~~~~~~~~~下一节《响应式改版完整案例-头部菜单》~~~~~~~~~~~~~~~~~
扫一扫
评论 1
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
查看更多评论
添加红包
