Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/user-interface/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Web applications 网页设计-是否水平滚动?_Web Applications_User Interface_Ui Design - Fatal编程技术网

Web applications 网页设计-是否水平滚动?

Web applications 网页设计-是否水平滚动?,web-applications,user-interface,ui-design,Web Applications,User Interface,Ui Design,我正在开发我的第一个基于web(基于浏览器)的应用程序,它有许多数据输入表单和显示表单。其中许多表单显示的数据量有些大。我最初创建的大多数表单都包含多列数据,以避免垂直滚动,并尽量避免水平滚动。然而,我真的不在乎我创建的表单的外观和感觉 在我查看了许多基于web的应用程序后,我注意到大多数应用程序的设计都非常狭窄,可能只占用浏览器中50%到60%的水平空间,并根据需要垂直滚动以显示所有数据 问:这样做是为了同时支持移动设备和台式机/笔记本电脑浏览器吗?这似乎是对屏幕空间的浪费,但如果其目的是支持

我正在开发我的第一个基于web(基于浏览器)的应用程序,它有许多数据输入表单和显示表单。其中许多表单显示的数据量有些大。我最初创建的大多数表单都包含多列数据,以避免垂直滚动,并尽量避免水平滚动。然而,我真的不在乎我创建的表单的外观和感觉

在我查看了许多基于web的应用程序后,我注意到大多数应用程序的设计都非常狭窄,可能只占用浏览器中50%到60%的水平空间,并根据需要垂直滚动以显示所有数据


问:这样做是为了同时支持移动设备和台式机/笔记本电脑浏览器吗?这似乎是对屏幕空间的浪费,但如果其目的是支持移动设备以及台式机/笔记本电脑,这是有意义的。

大多数网站这样做是为了避免在较小的屏幕上水平滚动(网络失误)。一个流行的设计趋势(至少是我上次看到的)是960像素宽的设计,这样可以很好地嵌入1024像素宽的屏幕。对于较大屏幕上较窄的固定宽度设计,更好的解决方案是使用反应式/响应式设计,以充分利用屏幕空间

有关响应性设计教程,请查看。这很简单,当你开始时,你可以使用
@media
查询根据视口的大小对元素应用不同的规则。

显然不是。
但您可以为应用程序创建响应性布局。它将为您的访客提供最佳的观看体验。

这可能更适合ux.stackexchange.com。谢谢,您可能是对的。