Woocommerce管理员订单页面-不适合移动设备

Question

我注意到，基本的Woocommerce订单列表管理页面在移动设备上（至少iPhone 6/8/8 + / MAX）无法正确显示。似乎没有针对小屏幕的单独设计，并且页面只是试图调整大小以适合屏幕，这会产生很多伪像，例如文本显示在复选框上方，缺少列等。而且- 我已通过代码将几个自定义列添加到Woocommerce订单管理列表中。它们在台式机上可以正常显示，但在移动设备上，整个屏幕会失真，甚至有时会不断闪烁，好像试图一次又一次地重新绘制。

我正在尝试实现在输入WordPress管理员列表时在移动设备上看到的漂亮屏幕。页面，其中有一个主列，该列定期显示，然后有一个小按钮（class =“ toggle-row”），单击该按钮（在common.js中实现），即可将“ is-expanded”类切​​换为其余部分然后以类似的方式显示在列中。

首先，我想知道如何配置样板Woocommerce以使后台办公室对移动设备友好。然后，我想知道如何将我的自定义列也适合该方案