摘要：移動端屏幕圖片模糊圖標是設備是的屏，那么你得準備一個，分辨率是，這么寫這個也很關鍵設置倍圖為倍圖大小或者上面的代碼，就能實現在屏幕密度為的情況下加載屏幕密度為時加載。

//圖標icon.png是16x16, 設備是2x的Retina屏，那么你得準備一個icon@2x.png，分辨率是32x32，這么寫
.demo{
  background-image: url(images/icon.png);
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min--moz-device-pixel-ratio: 2),only screen and (-o-min-device-pixel-ratio: 2/1),only screen and (min-device-pixel-ratio: 2) {
  .demo {
    background-image: url(images/icon@2x.png);
    background-size: 16px 16px; //這個也很關鍵--設置2倍圖為1倍圖大小
  }
//或者

//上面的代碼，就能實現在屏幕密度為1x的情況下加載image-128.png, 屏幕密度為2x時加載image-256.png。

-webkit-user-select: none; 
-ms-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;

/*強制去除表單自帶的樣式*/ 
input,button,select,textarea{outline:none;-webkit-appearance:none;}

/*強制去除textarea自帶的樣式*/
textarea{resize:none;-webkit-appearance:none;}

.clearfix{
  zoom: 1;
}
.clearfix:after{
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
    height: 0;
}

position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);

.container {
    min-height: 6.5em;
    display: table-cell;
    vertical-align: middle;
}

html { 
    background: url("images/bg.jpg") no-repeat center center fixed; 
    background-size: cover;
}

selector { 
    property: value; /* 所有瀏覽器 */ 
    property: value9; /* 所有IE瀏覽器 */ 
    property: value