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我决定放弃搞 Java 了 02DeepSeek各版本说明与优缺点分析 03如何在WPS和Word/Excel中直接使用DeepSeek功能 04从零安装 LLaMA-Factory 微调 Qwen 大模型成功及所有的坑 05苍穹外卖面试总结 06DeepSeek R1本地化部署 Ollama + Chatbox 打造最强 AI 工具 07RAG 实践- Ollama+RagFlow 部署本地知识库 08本地化部署AI知识库：基于Ollama+DeepSeek+AnythingLLM保姆级教程 09如何本地部署AI智能体平台，带你手搓一个AI Agent 10循环神经网络RNN（含LSTM，GRU）小综述