视口尺寸在520px-768px区间的常见移动设备有哪些?
视口宽度处于520px-768px区间的常见移动设备汇总
以下均为设备默认竖屏状态下的CSS视口宽度参考值,系统缩放、浏览器显示设置、虚拟导航栏开关都会导致实际视口数值出现偏移,仅供参考:
- 苹果生态设备
- 全系列iPad竖屏视口均为768px,包括常规数字款iPad、iPad Air 1-3代、9.7英寸款iPad Pro、所有世代iPad Mini,处于该区间上限
- 安卓小尺寸平板(7-9英寸入门款)
- 三星Galaxy Tab A 8.0、华为MatePad T8、荣耀平板X7、小米平板4等主流8英寸安卓平板,竖屏视口宽度统一为600px
- 二合一便携移动设备
- 微软Surface Go 1/2/3代(10.5英寸款)竖屏视口宽度约720px
- 联想Yoga Duet 7英寸便携款竖屏视口宽度约640px
- 折叠屏设备(特殊状态)
- 三星Galaxy Z Fold全系列内屏半展开小窗模式下,视口宽度稳定在600px-720px区间
- 华为Mate Xs/X2外屏横屏状态下视口宽度约540px,刚好落在区间范围内
开发提示:做响应式布局时不需要单独适配每一款设备,直接通过
@media (min-width: 520px) and (max-width: 767px)编写对应区间的样式即可覆盖绝大多数该尺寸的设备场景。
内容的提问来源于stack exchange,提问作者falcon356
相关产品推荐
相关产品推荐

