【问题标题】: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 个水平分辨率范围。甚至不要考虑高度,除了(游戏和)您让用户滚动浏览的内容长度(这是用户体验/网页设计师的主题)编辑:设备更窄,页面更高,所以高度不是'与手机的视口无关

标签: css media-queries


【解决方案1】:

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

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

【讨论】:

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

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

【讨论】:

    猜你喜欢
    • 2016-03-22
    • 2016-02-10
    • 2012-11-01
    • 1970-01-01
    • 2015-09-10
    • 2020-10-22
    • 2014-01-10
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多