媒介查询兼容各种端口的响应式范围取值（移动端、PC端、ipad、移动端侧屏）

！！！（chrome作者亲测）！！！数据仅供参考

/*ipad*/
@media screen and (min-width:760px) and (max-width:1000px)

/*移动端*/
@media screen and (max-width:420px)

/*PC端*/
@media screen and (min-width:1204px)

/*移动端侧屏*/
@media screen and (orientation:landscape) and (max-width:667px)

 ！！！一定要在代码中加上这一行，否则无效

<meta name="viewport" content="width=device-width,initial-scale=1.0">