响应式WEB设计

1、常见浏览器窗口的尺寸断点：960px  1024px 1280px 1366px 1440px  1680px 

2、 @media screen and (max-width:960px)  // 960px 以下尺寸

      @media screen and (min-width:961px) and (max-width:1024px)   // 961px -1024px

      @media screen and (min-width:1025px) // 1025px 以上尺寸

3、横屏  (orientation:landscape)

     竖屏 (orientation:portrait)