样式表中使用@media局部定义响应查询

上面一篇日记是在不同设备中会有不同的显示样式，但是在显示生活中不仅仅是针对不同的设备指定不同的样式，很可能是不同区域，不同尺寸的时候会有不同的样式显示。

写在@media下面的内容就是代表当屏幕宽度大于600px时显示：

右边屏幕宽度>600px时候的效果

右边屏幕宽度大于600px：导航栏内容显示（也就是中文字显示）

右边屏幕宽度<600px时候的效果