PC小屏、笔记本、pad横屏、pad竖屏、Firefox、Edge的CSS3媒体查询

@media  screen and (max-width:1600px) and (min-width:1367px) {
　　/* 小屏PC */
}

@media  screen and (max-width:1366px) and (min-width:992px){
　　/* 笔记本 */
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px){
　　/* 兼容 pad */ 
} 

@media only screen and (max-width: 991px) and (orientation: landscape){
　　/* pad横屏一 */
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape){ 
　　/* pad横屏二 */
}

@media only screen and (max-width: 991px) and (orientation: portrait){
　　/* pad竖屏一 */ 
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait){ 
　　/* pad竖屏二 */ 
} 

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
　　/* IE11+独有样式 */
}

@media screen and (min--moz-device-pixel-ratio:0) {
　　/* Firefox独有样式 */
}

@supports (-ms-ime-align: auto) {
　　/* Edge独有样式 */
}

 解决屏幕显示缩放比例125%,150%对页面布局的影响