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