🗒️CSS3小技巧-动态设定div的宽高比
2022-5-1
| 2024-3-22
0  |  阅读时长 0 分钟
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 -->
  1. padding-bottom实现普通元素固定宽高比,里main的元素获取父元素的全部宽高采用绝对布局position:absolute;
    1. aspect-ratio属性指定元素宽高比
      1. aspect-ratio的语法格式如下:aspect-ratio: <width-ratio>/<height-ratio>
         
     
     
  2. Css
  3. Html
  4. 记录一次vue2函数式组件开发+单粒模式Javascript 模拟输入并触发事件
    • Waline
    目录