媒体查询常用尺寸参考
时间: 2023-11-27 17:43:23 浏览: 107
HTML5 标签大全.md
媒体查询是在CSS中用于根据设备和屏幕尺寸应用不同样式的技术。以下是一些常用的媒体查询尺寸参考:
1. 手机设备:
- iPhone 5/SE:320px
- iPhone 6/7/8:375px
- iPhone 6/7/8 Plus:414px
- iPhone X:375px
- Google Pixel:411px
- Samsung Galaxy S5:360px
2. 平板设备:
- iPad mini:768px
- iPad:768px
- iPad Pro:1024px
3. 笔记本/台式机设备:
- 13英寸笔记本电脑:1280px
- 15英寸笔记本电脑:1440px
- 21英寸台式显示器:1920px
请注意,这些尺寸只是一些常见的参考值,实际设备的尺寸可能会有所不同。同时,媒体查询还可以使用其他单位如em、rem等进行设置。
阅读全文