移动端的查询条件

常用移动设备媒体查询条件@media(device-height:480px)and(-webkit-min-device-pixel-ratio:2){/*兼容iphone4/4s*/}@media(device-height:568px)and(-webkit-min-device-pixel-ratio:2){/*兼容iphone5*/}@media(device-width:375px)and(-webkit-min-device-pixel-ratio:2){/*兼容iphone6*/}@media(device-width:414px)and(-webkit-min-device-pixel-ratio:2){/*兼容iphone6p*/}/*iPone4*/@mediaonlyscreenand(-webkit-min-device-pixel-ratio:1.5),onlyscreenand(min-device-pixel-ratio:1.5){}/*iPhone3G*/@mediascreenand(device-width:320px)and(device-height:480px)and(-webkit-device-pixel-ratio:1){}/*iPhone*//*Landscape*/@mediascreenand(max-device-width:480px){}/*iPhone5*/@mediascreenand(device-aspect-ratio:40/71){}/*iPhone6Portrait*/@mediaonlyscreenand(min-device-width:375px)and(max-device-width:667px)and(orientation:portrait){}/*iPhone6landscape*/@mediaonlyscreenand(min-device-width:375px)and(max-device-width:667px)and(orientation:landscape){}/*iPhone6+Portrait*/@mediaonlyscreenand(min-device-width:414px)and(max-device-width:736px)and(orientation:portrait){}/*iPhone6+landscape*/@mediaonlyscreenand(min-device-width:414px)and(max-device-width:736px)and(orientation:landscape){}/*iPhone6andiPhone6+portraitandlandscape*/@mediaonlyscreenand(max-device-width:640px),onlyscreenand(max-device-width:667px),onlyscreenand(max-width:480px){}/*iPhone6andiPhone6+portrait*/@mediaonlyscreenand(max-device-width:640px),onlyscreenand(max-device-width:667px),onlyscreenand(max-width:480px)and(orientation:portrait){}/*iPhone6andiPhone6+landscape*/@mediaonlyscreenand(max-device-width:640px),onlyscreenand(max-device-width:667px),onlyscreenand(max-width:480px)and(orientation:landscape){}/*Portrait*/@mediascreenand(max-device-width:320px){}BlackberryTorch@mediascreenand(max-device-width:480px){}SamsungS3@mediaonlyscreenand(-webkit-device-pixel-ratio:2){}GoogleNexus7@mediascreenand(device-width:600px)and(device-height:905px)and(-webkit-min-device-pixel-ratio:1.331)and(-webkit-max-device-pixel-ratio:1.332){}SamsungGalaxyS3@mediaonlyscreenand(-webkit-device-pixel-ratio:2){}SamsungGalaxyS2@mediascreenand(device-width:320px)and(device-height:533px)and(-webkit-device-pixel-ratio:1.5){}GalaxyTab10.1/*Landscape*/@media(max-device-width:1280px)and(orientation:landscape){}桌面320px@mediascreenand(max-width:320px){}640px@mediascreenand(max-width:640px){}800px@mediascreenand(max-width:800px){}1024px@mediascreenand(max-width:1024px){}1028px@mediascreenand(max-width:1028px){}/*ipad*/@mediaonlyscreenand(min-device-width:768px)and(max-device-width:1024px){}/*iPhoneheight*/varappHeight=document.body.scrollHeight;if(appHeight=480){console.log(4s);}elseif(appHeight=568){console.log(5/5s/5c);}elseif(appHeight=667){console.log(6);}elseif(appHeight=736){console.log(6p);}/**禁止手机旋转/html：divclass=landscapeid=landscapestyle=display:nonedivclass=iphone/divdivclass=iphone_text请将屏幕竖向浏览/div/divcss：@-webkit-keyframeszhuan{0%{transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg)}50%{transform:rotate(-90deg);-ms-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-o-transform:rotate(-90deg)}100%{transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg)}}@keyframeszhuan{0%{transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg)}50%{transform:rotate(-90deg);-ms-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-o-transform:rotate(-90deg)}100%{transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg)}}.landscape{display:none;height:100%}@mediascreenand(orientation:landscape){.landscape{display:block;background-color:#c79560;position:absolute;width:100%;z-index:990}.landscape.iphone{background-image:url(../../../img/weixin/invitation/iphone.png);background-repeat:no-repeat;width:73px;height:109px;position:absolute;left:50%;top:50%;margin-top:-54px;margin-left:-36px;background-size:73px109px;animation:zhuan1.5s;-moz-animation:zhuan1.5s;-webkit-animation:zhuan1.5s;-o-animation:zhuan1.5s;-webkit-animation-iteration-count:infinite;-webkit-animation-delay:0.3s}.landscape.iphone_text{width:173px;height:29px;text-align:center;position:absolute;left:50%;top:50%;margin-top:71px;margin-left:-86px;color:#fff}.content{display:none}}@media(device-height:480px)and(-webkit-min-device-pixel-ratio:2){/*兼容iphone4/4s*/#s2-new{background:url(../../../img/weixin/invitation/P4-new-iphone4.png);background-repeat:no-repeat;background-size:100%100%;}}.iphone{background-image:url(../../../img/weixin/invitation/iphone.png);background-repeat:no-repeat;width:73px;height:109px;position:absolute;left:50%;top:50%;margin-top:-54px;margin-left:-36px;background-size:73px109px;animation:zhuan1.5s;-moz-animation:zhuan1.5s;-webkit-animation:zhuan1.5s;-o-animation:zhuan1.5