media query的兼容兑现

media query的兼容实现

ipad及以下，所有小于、不等于960宽度的平板电脑

? ? ? ? ?@media only screen and (max-width:959px){}

?

仅ipad竖版，所有小于（不等于）960宽度的平板电脑竖版

? ? ? ? ?@media only screen and (min-width:768px) and (max-width:959px){}

?

iphone及以下

? ? ? ? ?@media only screen and (max-width:767px){}

?

仅iphone 横版，包括某些平板电脑的竖版

? ? ? ? ?@media only screen and (min-width:480px) and (max-width:767px){}

?

仅iphone4竖版

? ? ? ? ?@media only screen and (max-width:479px){}

?

?

竖屏下

? ? ? ?@media all and (orientation:portrait){}

?

横屏下

? ? ? ?@media all and (orientation:landscape){}