媒体查询解析

响应式布局：网页开发过程中，针对不同的设备环境以及用户行为自适应的显示不同布局。

响应式布局的核心是媒体查询，媒体查询是获取用户行为和设备环境，然后设置相应CSS样式的简称。

媒体查询可以让CSS可以更加精确作用于不同的媒体类型和同一媒体的不同条件。

属性：

属性

应用规则：


屏幕尺寸规则


屏幕规则
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • HTML+CSS(47-72)
    问答题47 /72 常见浏览器兼容性问题与解决方案？ 参考答案 (1)浏览器兼容问题一：不同浏览器的标签默认的外补...
    _Yfling阅读 13,815评论 1赞 92
  • Android - 收藏集
    Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,679评论 25赞 708
  • 秀思超级执行智慧
    在秀思的团队中，"聪明"的人都离开了，留下的"傻子"都成了新型的力量、创业，就是一帮“疯子"带着一群"傻子"，在一...
    米乐胡阅读 793评论 0赞 0
  • 晚霞对影彩虹
    空山新雨后，天空晚来虹。 听一曲岁月静好，似潺潺溪流，山间小路湿滑，街巷都是拍虹的，多年后的一次偶遇，儿时的美好浮...
    萧易枫阅读 266评论 2赞 3
  • 谁说微胖的女生没有美丽，微胖照样晒长腿！
    ​夏天为大地，为人类带来美腿，一到夏天到处就能看到穿短裤的女生们，但是很多微胖的女生都怕自己不够瘦而不敢穿短裤。其...
    美姬酱阅读 1,061评论 2赞 4