css让元素保持等比例宽高

Qayrup2023-09-06 22:46

使用新属性

aspect-ratio: 16/9;

代码示例

html 复制代码

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

<body>
  <div></div>
</body>

示例

aspect-ratio兼容性

上一篇：VR全景对行业发展有什么帮助？VR全景制作需要注意什么？

下一篇：vr智慧党建主题展厅赋予企业数字化内涵

热门推荐

01图像分割：Pytorch实现UNet++进行医学细胞分割 02半导体应用系统一些小知识收集(strip&wafer mapping,EAP&scada)03HCIA-datacom数通题库和录播视频资料 04ESP-IDF学习记录（4） ESP-IDF examples目录 05渗透测试之SQLMAP工具详解 kali自带SQLmap解释重点sqlmap --tamper 使用方式详解搞完你就很nice了 06优化手机性能，解决卡顿问题：关闭这3个微信开关，释放内存空间 07Oracle Scheduler: Calendaring 08新手学习VR全景需要知道的几个问题 09校验 GPT-4 真实性的三个经典问题：快速区分 GPT-3.5 与 GPT-4，并提供免费测试网站 10如何在 Ubuntu 22.04 上安装并开始使用 RabbitMQ