【发布时间】: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