低代码Form Render如何动态切换表单布局样式？

用低代码表单引擎渲染的表单，想根据窗口宽度动态切换垂直/内联布局，但直接改class没效果

试过给表单包裹层动态绑定class：class={isMobile ? 'vertical' : 'inline'}，样式表里写了不同的margin和display属性

但运行后发现布局没变化，控制台也没有报错，动态切换时元素class确实变了但样式没跟着变

<div :class="['form-container', isMobile ? 'layout-vertical' : 'layout-inline']">
  <render-form :schema="schema" />
</div>

.layout-vertical .form-item { margin-bottom: 20px; }
.layout-inline .form-item { display: inline-block; margin: 0 20px 20px 0; }