问题:
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