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){}