Web applications 网页设计-是否水平滚动?
我正在开发我的第一个基于web(基于浏览器)的应用程序,它有许多数据输入表单和显示表单。其中许多表单显示的数据量有些大。我最初创建的大多数表单都包含多列数据,以避免垂直滚动,并尽量避免水平滚动。然而,我真的不在乎我创建的表单的外观和感觉 在我查看了许多基于web的应用程序后,我注意到大多数应用程序的设计都非常狭窄,可能只占用浏览器中50%到60%的水平空间,并根据需要垂直滚动以显示所有数据Web applications 网页设计-是否水平滚动?,web-applications,user-interface,ui-design,Web Applications,User Interface,Ui Design,我正在开发我的第一个基于web(基于浏览器)的应用程序,它有许多数据输入表单和显示表单。其中许多表单显示的数据量有些大。我最初创建的大多数表单都包含多列数据,以避免垂直滚动,并尽量避免水平滚动。然而,我真的不在乎我创建的表单的外观和感觉 在我查看了许多基于web的应用程序后,我注意到大多数应用程序的设计都非常狭窄,可能只占用浏览器中50%到60%的水平空间,并根据需要垂直滚动以显示所有数据 问:这样做是为了同时支持移动设备和台式机/笔记本电脑浏览器吗?这似乎是对屏幕空间的浪费,但如果其目的是支持
问:这样做是为了同时支持移动设备和台式机/笔记本电脑浏览器吗?这似乎是对屏幕空间的浪费,但如果其目的是支持移动设备以及台式机/笔记本电脑,这是有意义的。大多数网站这样做是为了避免在较小的屏幕上水平滚动(网络失误)。一个流行的设计趋势(至少是我上次看到的)是960像素宽的设计,这样可以很好地嵌入1024像素宽的屏幕。对于较大屏幕上较窄的固定宽度设计,更好的解决方案是使用反应式/响应式设计,以充分利用屏幕空间 有关响应性设计教程,请查看。这很简单,当你开始时,你可以使用
@media
查询根据视口的大小对元素应用不同的规则。显然不是。
但您可以为应用程序创建响应性布局。它将为您的访客提供最佳的观看体验。这可能更适合ux.stackexchange.com。谢谢,您可能是对的。