img

重新回顾@media screen

2020-04-22 0条评论 2.2k次阅读 CSS


用于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) {}
🏷️ #自适应

💬 COMMENT


🦄 支持markdown语法

👋友