css的页面布局-背景适应不同的屏幕

问题：

1、背景随着布局的变化，做相应的缩放，这种情况下可以使用样式属性background-size来做处理。

2、页面内的元素要适应不同尺寸的屏幕，用样式很难做，但是可以为超大与正常的尺寸分别的设置不同的尺寸与样式，这个时候可以考虑使用媒体查询来实现，等同于几套css。

3、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