fixed固定导航，并左右滑动

大家看平时看网页的时候可以看见很多导航是不受上下滑动条影响的(使用了fixed布局)，例如：

但是如果用户把页面缩小成窗口后，拖动左右滚轮的话就有可能看不到右边的导航部分 ，这一点我觉得有点影响用户体验了。

目前应该是两种解决方案：

1.利用@media来判断页面的宽度，使得头部导航自动变换样式，缩小成一个下拉框按钮；

2.利用JS动态改变导航的left值；