elementui 上传图片自适应大小

1. 修改封面图窗口大小样式。

.el-upload { //这是上传图片父容器。

   border: 1px dashed #d9d9d9;

   border-radius: 6px;

   cursor: pointer;

   position: relative;

   overflow: hidden;

   display: flex;

   justify-content: space-around;

   align-items: center;

}

 

2. 修改图片大小样式。

.avatar { // 这是上传图片子容器。

   width: auto;

   height: auto;

   max-width: 100%;

   max-height: 100%;

   display: block;

}