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

热门推荐

01Java学习第十五部分——MyBatis 02GPU 进阶笔记（二）：华为昇腾 910B GPU 03Coze扣子平台完整体验和实践（附国内和国际版对比）04基于odoo17的设计模式详解---装饰模式 05Word粘贴时出现“运行时错误53,文件未找到：MathPage.WLL“的解决方案 06扣子（coze）实战|我用扣子搭建了一个自动分析小红薯笔记内容的AI应用|详细步骤拆解 07集群聊天服务器---MySQL数据库的建立 08扣子空间的使用教程与大模型技术思考 09DeepSeek各版本说明与优缺点分析 10Everything文件检索工具几秒检索几百G的文件