css3

常用私有属性

IE

@-ms-viewport{
    width: device-width;
}

火狐

-moz-user-select: none

谷歌 safari

@-webkit-keyframes swiper-preloader-spin{
    100%{
        -webkit-transform: rotate(360deg);
    }
}

统一的

@keyframes swiper-preloader-spin{
    100% {
        transform: rotate(360deg);
    }
}

@keyframes refresh-spin{
    0%{
        transform: translate3d(0, 0, 0) rotate(0);
    }
    100%{
        transform: translate3d(0, 0, 0) rotate(180deg); 
    }
}

@keyframes scaleOut{
    from{
        transform: scale(1);
        opacity: 1;
    }
    to {
        transform: scale(0.8);
        opacity: 0;
    }
}   

常用hack

@charset "UTF-8"

@font-face{
    font-family: '';
    src: url('');
    src: url('') format("embedded-opentype");
    font-weight: normal;
    font-style: normal;
}

@media(min--moz-device-pixel-radio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi){

}
@media(min--moz-device-pixel-radio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx){

}
@media(min-width: 680px){
}
@media(min-width: 567px){
}
还有767px, 1023px

@media(orientation: landscape){
    .platform-ios{
        postion: fixed;
    }
}

其他

.platform-c:not(.enable-transitions)*{
    -webkit-transition: none !important;
    transition: none !important;
}