1. 互聯(lián)網(wǎng)公司的產(chǎn)品在PC端和在移動(dòng)端一般都會(huì)有不同的樣式，如何實(shí)現(xiàn)的？

• 方法一：
  做出兩套css樣式，然后通過CSS3新規(guī)范媒體查詢，判斷硬件條件，選擇合適的樣式；
• 方法二：
  做出兩套html，共用一套樣式，通過媒體查詢，或者將width屬性設(shè)置為百分?jǐn)?shù)等，形成響應(yīng)式布局；

2. 什么是媒體查詢？寫出語法和基本使用范例？

• 使用 @media 查詢，可以針對(duì)不同的媒體類型或不同的屏幕尺寸定義不同的樣式。當(dāng)重置瀏覽器大小的過程中，頁面也會(huì)根據(jù)瀏覽器的寬度和高度重新渲染頁面。
• 使用：

@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">

• 媒體類型

• 媒體功能