现在做前端开发 需要考虑 Retina屏幕，即精度比较高的屏幕，
一般以苹果系列屏幕为主，
所以在切图网（qietu.com）前端切图项目中，
会发现类似 logo@2x.png 规则的命名，
这个其实就是相对于 logo.png 做了一个2倍大小的图片，
而布局的时候我们通常会使用 2倍的图片，
正常尺寸图片一般用来做兼容性会使用到。
例如 二倍图片用来做背景的时候，
我们需要加上 background-size:cover; 来让2倍的图片刚好铺满正常大小的屏幕，
但是 background-size 不支持ie8，ie7，ie6 ，
这种情况建议放弃（因为用到css3，html5技术，势必要对低版本浏览器进行舍弃，两者不可兼得），
当然，
也有特殊解决方案，
用到 css hack ，针对 ie8，ie7， ie6 单独定义一样1倍大小的图片，
就完美兼容所有浏览器了。
IE6、IE7、IE8共有的css hack：
Selector { property: value\9; }
来源：http://www.qietu.cn/thread-15208-1-1.html