Element UI的Message Box组件宽度调整适配移动端

描述

Element UI的Message Box组件在移动端并不会自适应宽度，效果如下图：

Message Box组件的默认宽度为420px，远超过屏幕宽度。

解决方案

全局或者局部CSS中使用@media媒体查询，然后对Message Box的.el-message-box样式进行覆盖

// Message Box 适配移动端，宽度小于720px时宽度使用下面这个
@media (max-width: 720px) {
  .el-message-box {
    width: 320px !important;
  }
}

效果

修改后的效果如下：