为什么在为移动应用程序设计响应式布局时没有考虑屏幕高度



在为移动应用程序创建响应式布局时,我们会考虑屏幕的宽度,并为不同的宽度创建布局,但为什么不考虑高度?

如果两个设备的高度有很大的差异,我在一个设备中的应用程序看起来会与另一个设备截然不同。响应式布局难道不意味着我的应用程序在所有宽度和高度的设备上都应该看起来一样吗?

响应式设计试图解决的问题是,绝大多数用于查看网页的设备无法同时在屏幕上显示整个页面。

为了应对这个问题,典型的解决方案是将内容布局在一个(或多个(垂直列中(取决于设备可用宽度(,以便通过垂直滚动可以轻松访问其余内容(也称为"折叠内容下方">(。

没有人说你不能创建一个主滚动方向是水平的网站/应用程序(这意味着你的响应时间间隔将主要围绕max-height定义(。这是可行的,尽管并非没有挑战,尤其是在移动设备上,因为大多数移动浏览器都针对垂直滚动的网络内容进行了优化,其中一些浏览器基于这一假设实现了额外的功能(例如:拉式刷新、各种设备/浏览器特定菜单通常从两侧滑动等(。因此,如果你决定创建一个具有水平滚动功能的应用程序,准备好为这些设备提供定制的解决方案,以适应您的非典型布局。

回答您的最后一个问题:

响应式布局难道不意味着我的应用程序在所有宽度和高度的设备上都应该看起来一样吗

不,响应式设计根本不是这个意思。

响应式设计意味着内容应根据视口大小进行调整(更改形式(。从技术上讲,这意味着与您所理解的相反:内容应该在各种大小和比例的设备上以不同的方式呈现,以便始终保持可访问可读可用

最新更新