响应式导航栏-利用纯css实现

思路： 当屏幕为移动设备时，隐藏导航栏列表项目，显示菜单按钮。给菜单按钮（电脑时隐藏）加入hover 或者checked选择器实现，当hover或者checked的触发时动态修改导航栏列表项目display等其余样式。这样当鼠标单击菜单按钮时就能够动态修改导航栏列表的样式了。（用checked选择器须要在导航栏加一个 checkbox) 展现：css 1.pc界面 （提示，个人博客还用了boots

>>阅读原文<<