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