2013-02-23 40 views
1

我正在开展电子商务结账流程, ,并且网站应该完全响应。 我使用Bootstrap作为基准,表格对于移动视图来说总是很痛苦。响应结帐过程的表或div?

我已经看过关于表有很多不同的解决方案,他们真的不考虑元素,如表单元素(数量,颜色选择,删除,添加到购物车按钮)

有很多微妙的变化在网站上的表格,并想在开发一些东西之前看看其他人的想法。

我的问题是..

它是最好用表格或使用其他元素构建它们, 考虑语义,维护,可用性?

回答

1

表格只能用于呈现表格数据。

它们的包含会减慢许多浏览器的布局过程,导致响应性较差的UI体验。

+0

嗨,埃里克,是的,肯定只使用表格的表格数据。 但是不是用户的“购物车”,“愿望清单”表格数据? 那么,对于一个响应式网站来说,最好的做法是打破桌子或者把桌子放倒,让我们说一个div,而不是? – 2013-02-24 14:19:35

+1

表格数据是应该组织成行和列的* data *(想象一下Excel电子表格)。不要仅仅因为* layout *被组织成行和列而使用表。这样做有真正的缺点(例如较慢的页面渲染)。 – 2013-02-25 19:30:47

+0

好的,谢谢埃里克。真的清除了我:) 感激 – 2013-02-25 20:36:48