媒体查询

1. 互联网公司的产品在PC端和在移动端一般都会有不同的样式，如何实现的？

• 方法一：
  做出两套css样式，然后通过CSS3新规范媒体查询，判断硬件条件，选择合适的样式；
• 方法二：
  做出两套html，共用一套样式，通过媒体查询，或者将width属性设置为百分数等，形成响应式布局；

2. 什么是媒体查询？写出语法和基本使用范例？

• 使用 @media 查询，可以针对不同的媒体类型或不同的屏幕尺寸定义不同的样式。当重置浏览器大小的过程中，页面也会根据浏览器的宽度和高度重新渲染页面。
• 使用：

@media mediatype and | only | not (media feature) {
  CSS Code
}

也可以使用其他样式表：

<link ref="stylesheet" type="text/css" media="mediatype and | only | not (media feature)" href="style.css">

• 媒体类型

• 媒体功能