保持元素的宽高比

<!--  -->
<template><div class="box"><div class="inner_box"><div class="content"><!-- 内容区域 --></div></div></div>
</template><script>
export default {data() {return {};},
};
</script>
<style lang="scss" scoped>
.box {width: 30%;.inner_box {position: relative;width: 100%;// 宽高比为3:4padding-top: 140%;.content {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: skyblue;}}
}
</style>