手机的确切屏幕宽度和高度是多少? [复制]

Posted

技术标签:

【中文标题】手机的确切屏幕宽度和高度是多少? [复制]【英文标题】:What is the exact screen width and height of a phone? [duplicate] 【发布时间】:2018-02-02 14:52:45 【问题描述】:

我想做一个与手机屏幕宽度和高度相关的网站设计。我是这样做的:

@media screen and (max-width: ...) and (max-height: ...) ...

我想获得尽可能完美的数字,所以如果有人知道手机的分辨率或任何其他设备的分辨率,请告诉我。

【问题讨论】:

一种选择是只使用百分比。宽度:100%;和高度:100%; 移动设备有许多不同的尺寸和分辨率。我的 Galaxy S8+ 支持六七种不同的屏幕分辨率。没有适合所有人的尺寸。您从未见过不止一台平板电脑或手机吗?实际上有数百种可能性。我们当然不会在这里为您列出所有这些内容。 我投票结束这个问题,因为这个问题的前提是不可能的。 (您可以从以下开始:)选择 1 或 2 个(水平)断点,将创建 2 或 3 个水平分辨率范围。甚至不要考虑高度,除了(游戏和)您让用户滚动浏览的内容长度(这是用户体验/网页设计师的主题)编辑:设备更窄,页面更高,所以高度不是'与手机的视口无关 【参考方案1】:

每部手机都是不同的。没有标准。

为此,您的媒体查询在设计时应考虑断点,而不是精确的尺寸,以适应多个类别中的各种设备。您如何做到这一点超出了这个问题的范围,而且范围太广,无法在 Stack Overflow Q&A 中远程充分涵盖。

【讨论】:

欢迎来到 Stack Overflow!请不要回答明显跑题的问题……哦等等 @CodyGray 如果您对某人的回答有疑问,请将其标记为版主注意...哦。【参考方案2】:

您无法仅通过一个媒体查询来定位所有手机。我通常从 480 或更低的宽度开始使用百分比并使其变得灵活。高于我想要一些控制并设置多个媒体。

【讨论】:

以上是关于手机的确切屏幕宽度和高度是多少? [复制]的主要内容,如果未能解决你的问题,请参考以下文章

如何获取屏幕的宽度

如何将获取的屏幕宽度之后传给css

在流体设计中将元素的宽度调整为其高度的百分比,反之亦然? [复制]

android获取手机屏幕的宽度及高度

用javascript 怎样才能很好的获取手机的屏幕宽度和高度

Android 中获取手机屏幕的宽度和高度(单位为像素)