手机屏幕尺寸测试——手机的实际显示页面的宽度

Editor · 发表于 2023-5-4 16:52:17

手机站开发遇到一些问题，设计页面使用多大的尺寸？为此做了一些研究，除IPhone特殊一些外，目前市面上的安卓系统的实际显示页面的宽度，都是360px。

手机型号	竖屏宽度
IPhone 5	320px
IPhone 6	375px
IPhone 6 Plus	414px
Nexus 4	384px
Android(大多数)	360px

前两年，安卓的分辨率多数还是240px 或 320px，现在是360px，为了向下兼容，向上也兼容，最终将 360px 定为设计的尺寸，后期可以使用CSS3 Media Queries即媒体查询特性做进一步的兼容，兼容其他设备，以及做一些设备的横屏的兼容。

附：屏幕尺寸测试的JS代码，如下

屏幕尺寸测试

贺老师 · 发表于 2023-6-28 19:46:33

楼主，大恩不言谢了！知鸟论坛是最棒的！

李志敏 · 发表于 2023-6-28 20:01:42

既然你诚信诚意的推荐了，那我就勉为其难的看看吧！知鸟论坛不走平凡路。

永远爱你冰塘 · 发表于 2023-6-29 19:28:14

我看不错噢谢谢楼主！知鸟论坛越来越好！

落败的青春阳落s · 发表于 2023-6-29 22:13:39

楼主，我太崇拜你了！我想我是一天也不能离开知鸟论坛。

我的苦恼冉 · 发表于 2023-6-30 08:21:03

楼主太厉害了！楼主，I*老*虎*U！我觉得知鸟论坛真是个好地方！

123456819 · 发表于 2023-6-30 09:56:17

论坛不能没有像楼主这样的人才啊！我会一直支持知鸟论坛。

尘埃416 · 发表于 2023-6-30 10:15:09

楼主，大恩不言谢了！知鸟论坛是最棒的！

冀苍鸾 · 发表于 2023-6-30 17:02:14

我看不错噢谢谢楼主！知鸟论坛越来越好！

戏做顿 · 发表于 2023-6-30 20:30:39

我看不错噢谢谢楼主！知鸟论坛越来越好！

[CSS/HTML] 手机屏幕尺寸测试——手机的实际显示页面的宽度