修改el-dialog的弹窗的宽度

为了修改el-dialog的宽度，我按照网上教程试了许多方法，都不行

1:方法1

<el-dialog customClass="kub-mobileWidth"></el-dialog>
.kub-mobileWidth { width: 60%; }
@media (max-width: 768px) { .kub-mobileWidth { width: 98%; } }

2：方法2

通过查找 el-dialog的官网api,查到其有宽度width的属性,设置其宽度比例即可
width="85%",但经设置后，发现没起任何作用。

3：方法3

问前端的兄弟，他说需要设置style,即增加属性 style="width:85%",
但设置后，仍然没有任何效果

4：方法4

我生效的方法

    <el-dialog
        :title="'网关详情信息'"
        :visible="isVisible"
        :disabled="isLoading"
        width="1200px"
        :close-on-click-modal="false"
        :before-close="close"
        top="5vh"
        @open="getSearchData"
    >

直接加width: 1200px。不知道为啥用百分比不生效