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

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

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


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

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

右边屏幕宽度<600px时候的效果
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容