首页 > 代码库 > HTML5------------------------------媒体查询的介绍与使用--------------------------------
HTML5------------------------------媒体查询的介绍与使用--------------------------------
1.媒体查询？
响应式布局的方法之一，使我们的网页适配于各种设备。
2.为什么学习媒体查询？？？
随着科技的发展，终端设备趋于多元化，尤其是手机端的兴起，具有不同尺寸和分辨率的设备。我们原先给PC端设计的网页，就是为了
让网页更好的适应屏幕的大小显示在屏幕上。
3.学习的bootstrap就是对媒体查询的封装
4.媒体查询的写法和格式？
媒体查询的核心是：
.当屏幕改变到一定的大小，网页中的某些模块的属性发生改变
（1）CSS3（第一种写法）
（2）外部link（第二种写法）
<link rel="stylesheet" media="screen and (min-width:1200px)" href="http://www.mamicode.com/链接css">
5 @media 媒体查询关键字
设备类型 screen 网页和手机、平板
print 打印机
all 所有的设备
设备的特性 width height 代表页面的大小
device-width device-height 代表设备可见的大小
max-width:; 最大宽度，也就是说小于这个宽度则怎么怎么样
min-width:; 最小宽度，也就是大于这个宽度怎么怎么样
HTML5------------------------------媒体查询的介绍与使用--------------------------------
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。