媒介查询兼容各种端口的响应式范围取值（移动端、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)