设备宽度和设备高度

Question

需要帮助才能理解我是否有像这样预定义的设备宽度：

• 额外小型设备电话(<768 Phones )
• 小型设备平板(≥768≥)
• 中型设备台式机(≥992≥)
• 大型设备台式机(≥1200≥)

那我怎么知道设备的高度？因为在一个页面上，它在768 on x 900 on上以一种方式出现，而在768 on x 750 on上则是另一种方式。

希望这有意义！

干杯,

Sandra P.

Answer 1

在响应性设计中，(实际上在网页设计中一般)，并不推荐按高度来操作或更改界面的内容或外观。

用户在浏览内容时通常会进行“向下滚动”运动。这在手持设备和台式计算机中都是一样的.

通过宽度管理内容是一种更好的方法，您不需要真正知道高度。

我可以给出一些参考高度的清单，但是要记住，因为它并没有太多的用途，所以它是不准确的；

Extra small devices Phones (<640px)
Small devices Tablets (≥640px)
Medium devices Desktops (≥820px)
Large devices Desktops (≥900px)

此外，我还可以高度推荐谷歌Chrome开发工具的响应测试模块。除此之外，还有很多在线应用程序和工具包可以在不同尺寸的设备和屏幕上测试设计的视觉效果。

注意，使用最流行的设备屏幕大小也可能是一种很好的方法。

这里列出了流行的手持设备及其高度；

• 苹果iPhone 7-667
• 苹果iPhone 6 Plus，6s Plus -736 6s
• 苹果iPhone 6，6S-667 6s
• 苹果iPhone 5-568
• LG G5 -640 G5
• LG G4 -640 G4
• 三星Galaxy S7，S7 edge -640 S7
• 三星Galaxy S6 -640 S6
• 三星Galaxy S4 -640 S4
• 三星Galaxy Nexus -600
• 三星Galaxy Note 3-640
• 微软Lumia 1020 -480
• 微软Lumia 925 -480 925
• 摩托罗拉Nexus 6-690
• HTC One -640 One
• 索尼Xperia Z-640

检查所有设备及其屏幕大小的链接；http://mydevice.io/devices/