元素Ui + Vue JS [列偏移不起作用]

Question

我正在为我的应用程序使用Vue js前端的Element UI，我面临的问题是，当我为小型视口设备设置列的偏移量时，它也适用于普通视口。 我尝试覆盖框架的CSS

<el-col :xl="{span: 4, offset: 4}"
:lg="{span: 4, offset: 4}"
:md="{span: 6, offset: 6}"
:sm="{span: 16, offset: 4}">

这里是jsfiddle link，供参考：

Answer 1

我面临的问题是，当我为小型视口设备设置列的偏移量时，它也适用于普通视口。

设置常规视口偏移量：0。只需对其进行测试即可正常工作