<el-dialog class="dialogClass">
<style lang="scss" scoped>
.dialogClass {
.el-dialog {
.el-dialog__body {
max-height: 500px !important; // max-height:calc(100vh - 170px);
min-height: 100px;
overflow-y: hidden;
}
}
}
</style>
calc() 函数属于CSS3版本内容,用于动态计算长度值。例如:width: calc(100% - 10px)
;需要注意的是,运算符前后都需要保留一个空格。calc()函数支持“+、-、*、/”运算;
vh,是指css中相对长度单位,表示相对视口高度(Viewport Height),视口高度就是浏览器当前窗口可见部分的高度。也就是说,1vh就是当前屏幕可见高度的1%;