css的頁面佈局-背景適應不一樣的屏幕

問題：

一、背景隨着佈局的變化，作相應的縮放，這種狀況下能夠使用樣式屬性background-size來作處理。

二、頁面內的元素要適應不一樣尺寸的屏幕，用樣式很難作，可是能夠爲超大與正常的尺寸分別的設置不一樣的尺寸與樣式，這個時候能夠考慮使用媒體查詢來實現，等同於幾套css。

三、ie8不支持background-size，可是能夠經過設置meta來是ie8支持這個屬性，代碼以下

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

記錄：

-webkit-min-device-pixel-ratio: 2

此屬性，查看設備的像素密度，與像素相關。

相關連接（媒體查詢）：http://www.w3cplus.com/css3/css3-media-queries-for-different-devices