css让元素保持等比例宽高

使用新属性

aspect-ratio: 16/9;

代码示例

<style>
    div {
      width: 60%;
      /* 等比例宽高 */
      aspect-ratio: 16/9;
      background-color: red;
      margin: auto;
    }
  style>
head>

<body>
  <div>div>
body>
1
2
3
4
5
6
7
8
9
10
11
12
13
14

示例
在这里插入图片描述
aspect-ratio兼容性

相关阅读:
linux查看进程号、端口号
智能驾驶感知技术的综述与展望
Nginx网站服务（安装nginx，nginx访问配置）
C语言：动态内存分配（2）
【Java万花筒】跨越云平台的无服务器开发：使用Java构建弹性、高效的应用
2023 PostgreSQL 数据库生态大会：解读拓数派大数据计算系统及其云存储底座
向数据报表添加一个合计字段
阿尔法狗的算法解析-增强学习和蒙特卡洛树搜索算法
采用大语言模型进行查询重写——Query Rewriting via Large Language Models
_Linux (ipc命令)

原文地址：https://blog.csdn.net/weixin_44368963/article/details/132580332