媒体查询media使各屏幕区间样式不影响方法

@media screen and (min-width: 320px) and (max-width: 568px) { }

🍎6/7/8
@media screen and (min-width: 375px) and (max-width: 667px) { }

🍎6/7/8 plus
@media screen and (min-width: 414px) and (max-width: 736px) { }

🍎X
@media screen and (min-width: 375px) and (max-width: 812px) { }

🍎iPad
@media screen and (min-width: 768px) and (max-width: 1024px) { }

🍎iPad pro
@media screen and (min-width: 1024px) and (max-width: 1366px) { }

三星（Galaxy s5)
@media screen and (min-width: 360px) and (max-width: 640px) { }

pixel2 XL
@media screen and (min-width: 411px) and (max-width: 823px) { }

pixel2
@media screen and (min-width: 411px) and (max-width: 731px) { }
————————————————
版权声明：本文为CSDN博主「嫩八」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/weixin_43824848/article/details/108284537