關于響應式布局的一些筆記---未完待續

今天在練習寫項目，一些總結記下。

css3媒體查詢表達式：@media all and (min-width:800px) and (orientation:landscape){}

media 是聲明這是媒體查詢 all是媒體類型，當然也可以用“screen”或者“print”來表示，螢幕或列印的媒體類型。 and 是邏輯操作符，也可以用not，only，逗号（逗号與or的作用是一樣的）操作符，這裡需要注意的是使用not操作符時，表達式應如下：@media not (all and (monochrome)){},表示非的意思。not後面的括号一定要寫。not與逗号同時使用時，not的有效區域在逗号之前，例如：

@media(not(screen and (color))),print and(color)

only操作符，一些老的浏覽器會忽略，例如：@media=”only screen and(min-width:40)”,在老的浏覽器中，會直接解讀到@media=”only“,沒有only的媒體類型，将會無法繼續後面的樣式。

媒體屬性：             width：可視口寬
                     height：可視口高
                     device-width:裝置的螢幕寬
                     deviece-height:裝置的螢幕高
           

視口原标簽&#60meta name=”viewport” content=”width=device-width, initial-scale=1.0”&#62

minimum-scale=1.0(最小縮放比例）

maximum-scale=1.0(最大縮放比例）

user-scalable=no(禁止使用者縮放）

&#60meta http-equiv=”x-ua-compatible” content=”ie=edge”&#62（IE8開始多了一個相容模式，是以添加這樣一個聲明，來支援相容性，這個聲明寫在title之前）

content=”ie=edge”(強制使用最新IE浏覽器模式渲染頁面）

或者可以寫content=“ie=EmulateIE8”(如果可以的話用IE8的模式來加載頁面）

在body中添加注釋&#60!–[if gt/lt/gte/lte IE8]>

中間代碼内容