上面一篇日记是在不同设备中会有不同的显示样式，但是在显示生活中不仅仅是针对不同的设备指定不同的样式，很可能是不同区域，不同尺寸的时候会有不同的样式显示。
写在@media下面的内容就是代表当屏幕宽度大于600px时显示：
右边屏幕宽度>600px时候的效果
右边屏幕宽度大于600px：导航栏内容显示（也就是中文字显示）
右边屏幕宽度<600px时候的效果
上面一篇日记是在不同设备中会有不同的显示样式，但是在显示生活中不仅仅是针对不同的设备指定不同的样式，很可能是不同区域，不同尺寸的时候会有不同的样式显示。
写在@media下面的内容就是代表当屏幕宽度大于600px时显示：
右边屏幕宽度>600px时候的效果
右边屏幕宽度大于600px：导航栏内容显示（也就是中文字显示）
右边屏幕宽度<600px时候的效果
上面一篇日记是在不同设备中会有不同的显示样式，但是在显示生活中不仅仅是针对不同的设备指定不同的样式，很可能是不同区...
2 响应式布局实例(Media Queries模块) 上 通过不同的媒体类型和条件定义样式表规则，媒体查询让CSS...
使用Media Query (媒介查询)来实现响应式布局。 CSS中的Media Query设备宽高： devic...
定义和使用 使用 @media 查询，你可以针对不同的媒体类型定义不同的样式。@media 可以针对不同的屏幕尺寸...
一、响应式的实现-媒介查询 @media 实现方式一：把media限定到link中