重新回顾@media screen
Sonder
2020-04-22
522字
1分钟
浏览 (2.6k)
用于PC,平板电脑以及手机的CSS媒体查询
PC
1281px或更高分辨率
@media (min-width: 1281px) {}
笔记本或PC
1025px - 1280px
@media (min-width: 1025px) and (max-width: 1280px) {}
平板电脑/Ipad竖屏
768px - 1024px
@media (min-width: 768px) and (max-width: 1024px) {}
平板电脑或Ipad横屏
768px - 1024px
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {}
低分辨率的平板电脑或横屏的手机
481px - 767px
@media (min-width: 481px) and (max-width: 767px) {}
多数竖屏的智能手机
320px - 479px
@media (min-width: 320px) and (max-width: 480px) {}