0

我正在开发一个网络应用程序,我希望它更像一个标准的操作系统应用程序。它在布局上与 iTunes 类似,其中我有一个顶部标题、一个菜单栏,然后​​是一个左侧栏和一个主要内容区域。目标是所有内容都保持在屏幕上的位置,并且只有主要部分滚动(因为它有一个网格/目录)。

我可以通过使用绝对定位、添加溢出、指定顶部/左侧/顶部/底部以及在适用时自动滚动来实现这一点。但是,我不确定这是最好的方法。我在这里对 SO 和网络进行了一些研究,但没有找到确凿的答案。

我知道它有效,但这是一种有效或可接受的方法吗?我的目标是让它工作,但使用适当的标准和可接受的方法工作。

我也可以使用 Javascript 框架来完成此操作(extjs、一些 jquery 库等),但我认为他们做同样的事情,他们只是在页面加载时动态地做,而不是预先指定它。

4

2 回答 2

1

CSS 对 Web 应用程序风格的 UI 布局的支持非常糟糕。有一些很有希望的规范,比如 css3-grids 和 css3-flexbox。但是缺乏浏览器支持,尤其是css3-grid。

当我今天实现一个网络应用程序时,位置:绝对,似乎是最不糟糕的选择。它足够灵活,可以满足大多数要求。

有一篇很好的博客文章对此进行了更多讨论:http: //blog.stevensanderson.com/2011/10/05/full-height-app-layouts-a-css-trick-to-make-it-easier/

于 2012-12-15T17:18:46.983 回答
0

老实说,如果有效,则有效,如果无效,则无效。标准、最佳实践等都很棒,但只是因为它们可以帮助您实现实际目标。一旦每个人都弄清楚了正确的方法是什么,一个以“错误的方式”完成但运行起来的应用程序比最终将要构建的“正确”构建的应用程序要好得多。也就是说,听起来您的方法完全有意义。

于 2012-12-15T16:33:32.513 回答