• List item

css媒體查詢

PC端按屏幕尺寸整理?

通過上面的電腦屏蔽及尺寸的例表上我們得到了幾個寬度
1024 1280 1366 1440 1680 1920

超小屏幕 手機 (<768px)
小屏幕 平板 (≥768px)
中等屏幕 桌面顯示器(≥992px)
大屏幕 大桌面顯示器 (≥1200px)

/* 超小屏幕（手機，小于 768px） */ @media (max-width: 768px) { ... }/* 小屏幕（平板，大于等于 768px） */ @media (min-width: 768px) { ... }/* 中等屏幕（桌面顯示器，大于等于 992px） */ @media (min-width:992px) { ... }/* 大屏幕（大桌面顯示器，大于等于 1200px） */ @media (min-width: 1200px) { ... }

總結

以上是生活随笔為你收集整理的css媒体查询（手机、平板、PC）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。