1. 概念: 写一套css样式可以同时适配多个终端,是为解决移动互联网诞生的。

2. 作用: 面对不同的分辨率设备灵活性强,能够快捷解决多设备显示适应问题

3. 原理

媒体查询

① 外联式媒体查询语法

当屏幕窗口大于等于960px时,引入 red.css 文件

当屏幕窗口小于960px时,引入 blue.css 文件

② 内嵌式媒体查询

语法:

当屏幕窗口大于640px并且小于960px时,body背景色为红色

 推荐前端博客:http://www.sharedblog.cn/?sort=5&page=5

最新文章

  1. vmware网卡设置详解
  2. jQuery 移动端ajax请求列表数据,实现点击翻页效果(还有手势往下滑动翻页)。
  3. 使用Object类型的多态引用是会付出代价的
  4. 深入理解CSS定位中的堆叠z-index
  5. 如何在ASP.NET 5中使用ADO.NET
  6. 高质量c/c++里的strcpy()
  7. jQuery对象与dom对象的区别与相互转换
  8. MVC风格
  9. MSSQL备份及数据迁移
  10. Google Maps Android API v2 (4)- 地图类型
  11. Mysql高可用架构(主从同步)
  12. CORS在Spring中的实现
  13. SAP LOGON 快捷登陆方式如何保存密码
  14. springboot多模块开发以及整合dubbo\zookeeper进行服务管理
  15. [转载]转,Oracle中关于处理小数点位数的几个函数,取小数位数,Oracle查询函数
  16. Redis热点Key发现及常见解决方案!
  17. 【基础】selenium中元素定位的常用方法(三)
  18. express-session 产生的警告问题
  19. 密码安全存储——PBKDF2、bcrypt、scrypt
  20. Memcached使用与纠错(附代码和相关dll)

热门文章

  1. LeetCode 74. 搜索二维矩阵(Search a 2D Matrix)
  2. Dubbo Admin 控制台
  3. java 深入HashTable
  4. 网页页头meta详解(科普知识)
  5. python自然语言处理学习笔记1
  6. web开发(五) JSP详解(四大作用域九大内置对象等)
  7. layer的iframe弹框中父子元素的传值
  8. Dart学习笔记-循环
  9. 磊哥的密码箱icpc11526
  10. echarts 饼图-->如何修改legend模板?