网站适配手机，导航是一个比较大的调整，原有的pc网站导航不能满足手机小屏幕的正常样式，一般调成汉堡菜单的形式，点击汉堡按钮弹出菜单，也有简单的方式，比如网站导航适配到手机端变成左右滑动的导航。

我们只需要在导航外层容器添加以下样式：

{

overflow-x:auto；   //超出出现滚动条，放到手机上就可以自动滑动

white-space: nowrap;  //不换行

width:100%；

}