我注意到基本的 Woocommerce 订单列表管理页面无法在移动设备上正确显示（至少 iPhone 6/8/8+/MAX）。似乎没有针对小屏幕的单独设计，页面只是尝试调整大小以适应屏幕，这会产生很多伪影，例如在复选框上显示文本、缺少列等。此外 - 我通过代码添加了， Woocommerce 订单管理列表的几个自定义列。它们在桌面上显示很好，但在移动设备上整个屏幕都变形了，甚至有时会不停地闪烁，好像要一次又一次地重绘。
我正在尝试实现进入 WordPress 管理列表时在移动设备上看到的漂亮屏幕。页面，其中有主列，定期显示，然后有一个小按钮（class="toggle-row"），单击时（在 common.js 中实现）将“is-expanded”类切换到其余部分然后以类似列表的方式显示的列。
首先，我想知道如何配置样板 Woocommerce 以使后台对移动设备友好。然后我想知道如何将我的自定义列也放入该方案中