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