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智慧党建主题展厅赋予企业数字化内涵

热门推荐

01KGG转MP3工具|非KGM文件|解密音频 02从零安装 LLaMA-Factory 微调 Qwen 大模型成功及所有的坑 03我决定放弃搞 Java 了 04Coze扣子平台完整体验和实践（附国内和国际版对比）05YOLOv8入门 | 重要性能衡量指标、训练结果评价及分析及影响mAP的因素【发论文关注的指标】06DeepSeek各版本说明与优缺点分析 07yolov8，yolo11，yolo12 服务器训练到部署全流程笔记 08苍穹外卖面试总结 09如何在WPS和Word/Excel中直接使用DeepSeek功能 10【2025年最新】OpenWrt 更换国内源的指南（图形界面版)