1

我正在开发一个基于 PC 的 Web 应用程序，但预计在不久的将来会支持平板电脑和智能手机。我们使用 Twitter Bootstrap (http://twitter.github.com/bootstrap/index.html) 和 JQuery 作为 CSS/Javascript 核心。

对于大多数以前的开发，我们使用表格来布局我们的表单，因为大多数应用程序都是针对桌面使用的，因此使用表格来布置表单（大多数是两列）以确保对齐等是正确的。

然而，现在我们正在考虑添加屏幕空间有限的移动设备，并且考虑到并非所有表格都可以在智能手机中访问，我开始想知道我们是否应该保留表格并创建无表格表格对于移动设备。我确信 Twitter Bootstrap 将为我们提供对无表格表单的必要支持，但我仍然想知道它是否是 2012 年的一个主要问题？

作为一个新的应用程序，我们还可以选择强制用户使用最新的浏览器版本来访问该应用程序，但这对移动优先设计意味着什么？

我知道多年来一直在讨论这个问题，但我正在寻找 2012 年使用可用工具查看这个问题的方法。

4

3 回答 3

2

在我看来，Twitter Bootstrap 非常适合编写无表格表单。该代码对于表单来说有点臃肿，但它在不同的屏幕分辨率上重新调整大小非常好。

于 2012-04-09T16:15:28.387 回答
1

使用引导程序！

它具有响应式设计，这意味着它旨在适用于各种屏幕尺寸。

在这里，您可以获得表格的官方文档。

您可以尝试查看它在小屏幕设备上的显示效果，只需调整屏幕宽度，使其更窄。当您调整屏幕大小时，您会看到所有组件都重新适应屏幕。

于 2012-04-09T19:12:12.310 回答
0

您可以创建自己的自定义框架（可以这么说），该框架将基于响应式或流体设计。它将是基于 div（或无表格）的结构，没有任何固定的 px 值。（即 em/% 中的所有填充/边距/字体/宽度等）与正常的基于固定像素的 CSS 相比，CSS 会变得稍微复杂一些。

我使用响应式设计创建了一个新页面，它在所有现代桌面浏览器以及移动/平板电脑上都运行良好。

于 2012-04-09T12:25:41.693 回答