对应的区间写对应的样式就完事了
宽度判断
@media screen and (min-width: 320px) and (max-width: 359px) {
}
@media screen and (min-width: 360px) and (max-width: 374px) {
}
@media screen and (min-width: 375px) and (max-width: 413px) {
}
@media screen and (min-width: 411px) {
}
@media screen and (min-height: 568px) and (max-height: 810px) {
}
高度判断
@media screen and (min-height: 813px) and (max-height: 823px) {
}
@media screen and (min-height: 811px) and (max-height: 812px) {
}
@media screen and (min-height: 824px) {
}
@media screen and (min-height: 1366px) {
}
版权声明：本文为HarryHY原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。