Question

我正在与WooCommerce合作，我正在尝试设置一个列出购物车页面上所有产品的表格，以便它变得灵敏。但是，我一直遇到问题，现在我已经被困了好几个小时试图找出问题所在。我无法为那里的任何东西设置宽度。就像所有td周围都有魔法填充一样，因此我无法为表格设置max-width: 100%;。

Here's a link to the problem (might be you have to add a product to the basket to see the issue)

感谢任何帮助：）

Answer 1

对于任何与Woocommerce有相同问题的人，购物车页面表没有响应，这就是我修复它的方式：

.woocommerce table.cart th,
.woocommerce table.cart td,
.woocommerce #content table.cart th,
.woocommerce #content table.cart td,
.woocommerce-page table.cart th,
.woocommerce-page table.cart td,
.woocommerce-page #content table.cart th,
.woocommerce-page #content table.cart td,
.woocommerce table.shop_table th,
.woocommerce-page table.shop_table th,
.woocommerce table.shop_table td,
.woocommerce-page table.shop_table td {
    min-width: 30px;
}

由于某些我不太了解的原因，所有表格标题和表格数据都需要min-width。

Answer 2

适用于384px及以上的视口，但似乎不能在下面工作。我添加了max-width：49px;低至360px，然后最大宽度：39px;对于320px视口。希望有所帮助。

感谢您的工作！

如何让Woocommerce购物车表响应？

2 个答案: