响应式结账流程的表格或div？

Question

我正在制作电子商务的结帐流程， 并且该网站应该完全响应。 我使用Bootstrap作为基线，表格对移动视图来说总是很痛苦。

我看过很多关于表的不同解决方案，他们并没有真正考虑表单元素（数量，颜色选择器，删除，添加到购物车按钮）等元素

网站上有许多微妙的表格变体，希望在开发之前看到其他人的想法。

我的问题是......

最好使用表格还是使用其他元素构建表格， 考虑语义，维护，可用性？

Answer 1

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

它们的加入将减慢许多浏览器中的布局过程，导致响应性较低的UI体验。