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从零安装 LLaMA-Factory 微调 Qwen 大模型成功及所有的坑 02KGG转MP3工具|非KGM文件|解密音频 03YOLOv8入门 | 重要性能衡量指标、训练结果评价及分析及影响mAP的因素【发论文关注的指标】04【SpeedAI科研小助手】2分钟极速解决知网维普重复率、AIGC率过高，一键全文降！文件格式不变，公式都保留的！05组基轨迹建模 GBTM的介绍与实现（Stata 或 R）06DeepSeek各版本说明与优缺点分析 07YOLOV11改进1-检测头篇 08YOLOv5改进 | 添加CA注意力机制 + 增加预测层 + 更换损失函数之GIoU 09Coze扣子平台完整体验和实践（附国内和国际版对比）10VMware虚拟机安装Win7专业版保姆级教程（附镜像包）