我正在开发我的第一个基于Web(基于浏览器)的应用程序,它有许多数据输入表单和显示表单。许多这些表单显示了大量的数据。我最初创建的大多数表单都包含多列数据以避免垂直滚动,我尽量避免水平滚动。但是,我真的不关心我创建的表单的外观和感觉。
当我看到许多基于网络的应用程序时,我注意到大多数设计都相当狭窄,可能只占浏览器中水平空间的50%到60%,并且根据需要垂直滚动显示所有数据。
问题:这样做是为了支持移动设备以及台式机/笔记本电脑浏览器吗?这似乎是对屏幕空间的浪费,但如果意图是支持移动设备以及台式机/笔记本电脑,这是有道理的。
答案 0 :(得分:2)
显然不是。 但您可以为您的应用程序创建响应式布局。它将为您的访客提供最佳的观看体验。
答案 1 :(得分:0)
大多数网站都这样做,因此他们可以避免在较小的屏幕上进行水平滚动(网络失礼)。一个流行的设计趋势(至少,最后我看到)是960px宽的设计,以便很好地适应1024px宽屏幕。对于在较大屏幕上较窄的固定宽度设计,更好的解决方案是使用反应/响应设计来充分利用屏幕空间。
有关响应式设计教程,请查看http://www.smashingmagazine.com/responsive-web-design-guidelines-tutorials。当你开始使用它时,你可以使用@media
查询根据视口的大小对元素应用不同的规则。