vue.js - Element Ui + Vue JS [列偏移不起作用]

Question

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

the problem I am facing is that when I set the offset for columns for small viewport devices it applies on the normal viewport as well.

设置正常视口(viewport)偏移量:0。刚刚测试它，它工作正常