css media 媒体查询

• 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33

  /* media */ /* 横屏 */ @media screen and (orientation:landscape){       } /* 竖屏 */ @media screen and (orientation:portrait){       } /* 窗口宽度<960,设计宽度=768 */ @media screen and (max-width:959px){       } /* 窗口宽度<768,设计宽度=640 */ @media screen and (max-width:767px){       } /* 窗口宽度<640,设计宽度=480 */ @media screen and (max-width:639px){       } /* 窗口宽度<480,设计宽度=320 */ @media screen and (max-width:479px){       } /* windows UI 贴靠 */ @media screen and (-ms-view-state:snapped){       } /* 打印 */ @media print{       }