date
icon
password
description
permalink
categories
type
status
slug
summary
tags
category
updated
Mar 22, 2024 09:10 AM
前言
一直在写vue项目中使用iview的table,它有个设置宽高固定的属性。于是我想在外层套一个div并且这个div动态的随着窗口大小调整，并且满足一定的宽高比，有这种需求是因为一个统计页面上有多个统计类型，其中就有表格。
<!-- more -->
- padding-bottom实现普通元素固定宽高比,里main的元素获取父元素的全部宽高采用绝对布局position:absolute;
- aspect-ratio属性指定元素宽高比
aspect-ratio的语法格式如下：aspect-ratio:
<width-ratio>/<height-ratio>。