MobileRetinascreenimageisblurred//图标icon.png是16x16，设备是2xRetina屏，那你得准备一个icon@2x.png，分辨率为32x32，所以写。演示{background-image:url(images/icon.png);}@mediaonlyscreenand(-webkit-min-device-pixel-ratio:2),onlyscreenand(min--moz-device-pixel-ratio:2),只有屏幕和(-o-min-device-pixel-ratio:2/1),只有屏幕和(min-device-pixel-ratio:2){.demo{background-image:url(images/图标@2x.png);背景尺寸：16px16px；//这个也很重要--设置2倍图片大小为1倍大小}//或者//以上代码可以在屏幕密度为1x时加载image-128.png，在屏幕密度为2x时加载image-256.png。使图片和文字不可复制-webkit-user-select:none;-ms-用户选择：无；-moz-用户选择：无；-khtml-用户选择：无；用户选择：无；自带样式/*强制去掉form自带的样式*/input,button,select,textarea{outline:none;-webkit-appearance:none;}/*强制去掉textarea自带的样式*/textarea{resize:none;-webkit-appearance:none;}清除浮动，兼容ie6.clearfix{zoom:1;}.clearfix:after{clear:both;内容：'';显示：块；字体大小：0；行高：0；可见性：隐藏；宽度：0；height:0;}纵横中心位置:absolute;左：50%；顶部：50%；转换：翻译（-50%，-50%）；contentverticalcenter.container{最小高度：6.5em;显示：表格单元格；vertical-align:middle;}CSS3全屏背景html{background:url('images/bg.jpg')no-repeatcentercenterfixed;背景大小：封面；}iehackselector{属性：值；/*所有浏览器*/property:value\9;/*所有IE浏览器*/property:value\0;/*IE8*/+属性：值；/*IE7*/_property:值;/*IE6*/*属性：值；/*IE66-7*/}使用最高版本的ie渲染//或与ie6.t兼容的填充角{width:200px;边框：3px实心；border-color:transparenttransparentgreen;}.tcon{width:206px;高度：50px；背景颜色：绿色；}.tb{宽度：200px；边框：3px实心；边框颜色：绿色透明透明；
