在 wordpress 中使表格具有响应性

Question

目前，当我的产品页面从移动设备加载时，我的桌子被切断了（见附图）。

我要在我的 css 或 html 中添加什么以使其对齐？下面是我的 html 代码。

您可以查看产品页面以供参考 https://www.sebuys.com/shop/windows-10-customised-i7-i5-7th-gen-rgb-gaming-tower-16gb-8gb-ddr4-pc-computer/

Windows 10 Customised i7/i5 7th Gen RGB Gaming Tower 16GB / 8GB DDR4 PC Computer

<table class="shop_attributes">

<tbody>

<tr>

<td>Condition:</td>

<td>Brand New</td>

<td>Operating System Edition:</td>

<td>64bit Professional</td>

<td>Form Factor:</td>

<td>Gaming PC Tower</td>

</tr>

<tr>

<td>Storage Type:</td>

<td>SSD &amp; SATA</td>

<td>MPN:</td>

<td>Does Not Apply</td>

<td></td>

<td></td>

</tr>

<tr>

<td>Brand:</td>

<td>Custom, Whitebox</td>

<td>Windows 10</td>

<td>Windows 10</td>

<td></td>

<td></td>

</tr>

</tbody>

</table>

&nbsp;

Answer 1

表格从不响应。您所能做的就是将表格包装在一个 div 中并将溢出：自动应用于该 div。<div style="overflow:auto">&nbsp; <table>&nbsp; &nbsp; ...&nbsp; </table></div>