Css

笔者太懒，不会提供响应式导航的完整代码。不过你会从本文中了解到响应式导航的实现原理。掌握了原理，你便会明白他并不神秘。

前端的哥们想必都接触过 css 中一个神奇的玩意，可以轻松选取你想要的标签并给与修改添加样式，是不是很给力，它就是 “:nth-child”。

探索一下视窗单位以及如何在响应式排版中使用它们。

在我们讨论宽度的时候，我们应该讲下与它相关的一个重点知识：盒模型。当你设置了元素的宽度，实际展现的元素却能够超出你的设置：因为元素的边框和内边距会撑开元素。看下面的例子，两个相同宽度的元素显示的实际宽度却不一样。