时间:2021-07-01 10:21:17 帮助过:71人阅读
手机型号 | 竖屏宽度 |
IPhone 5 | 320px |
IPhone 6 | 375px |
IPhone 6 Plus | 414px |
Nexus 4 | 384px |
Android(大多数) | 360px |
前两年,安卓的分辨率多数还是240px 或 320px,现在是360px,为了向下兼容,向上也兼容,最终将 360px 定为设计的尺寸,后期可以使用CSS3 Media Queries即媒体查询特性做进一步的兼容,兼容其他设备,以及做一些设备的横屏的兼容。
附:屏幕尺寸测试的JS代码,如下
- <title>屏幕尺寸测试</title>
- <meta http-equiv="Content-type" content="text/html; charset=utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
- <meta name="apple-mobile-web-app-capable" content="yes">
- <meta http-equiv="Pragma" content="no-cache">