在chrome中，firefox一切正常。

在移动ios safari上，它看起来像图片。列不会折叠成行。

试过指南，但似乎不起作用https://css-tricks.com/accessible-simple-responsive-tables/

我试过了

-要显示的设置：阻止在响应移动设备上将列折叠为行-设置tr的css显示：表格行，宽度：100%；并将td设置为显示：表格行

html是。。

<tr class="cart-item">
 <td class="name"><a>productname</a></td>
 <td class="price"><a>number</a></td>
 <td class="quantity"><a>number</a></td>
 <td class="total"><a>number</a></td>
</tr> 

.woocommerce table.shop_table_responsive tr td {
    display: table-row;
}

.woocommerce table.shop_table_responsive tr {
    display: table;
    width: 100%;
}