当前位置: 首页 > news >正文

css让元素保持等比例宽高

使用新属性

aspect-ratio: 16/9;

代码示例

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

示例
在这里插入图片描述
aspect-ratio兼容性
在这里插入图片描述

http://www.lryc.cn/news/155992.html

相关文章:

  • 骨传导和入耳式哪个危害大一点?入耳式和骨传导哪种好?
  • 介绍OpenCV
  • Android中的view绘制流程,简单理解
  • 商城开发:店铺管理系统应具备哪些功能?
  • 小白学go基础04-命名惯例对标识符进行命名
  • 使用iCloud和Shortcuts实现跨设备同步与自动化数据采集
  • Spring框架-基于STOMP使用Websocket
  • kafka-- 安装kafka manager及简单使用
  • 深圳-海岸城购物中心数据分析
  • vue3 + elementplus Cannot read properties of null (reading ‘isCE‘)
  • 易云维®医院后勤管理系统软件利用物联网智能网关帮助实现医院设备实现智能化、信息化管理
  • c# 定期重启程序操作
  • ps beta 2.5的妙用
  • IDEA无效发行版本17
  • Ubuntu22.04安装ROS
  • Linux 学习笔记(2)—— 关于文件和目录
  • [重要] 如何在桌面上生成一个指定网址的快捷方式
  • PyQt和Qt的其他绑定(如PySide)相比有什么优势和劣势?
  • 4K三路虚拟情景实训教学系统VR4300:实现“微课录制+课堂实训”双教学需求
  • python逆向还原dnspy反编译的C#算法
  • 数学建模--最短路径算法的Python实现
  • webpack学习(一)基本配置
  • Oracle 遍历变量游标
  • C++11新特性① | C++11 常用关键字实战详解
  • VUE3学习小记(2)- ref 与 reactive
  • 基于单片机的万年历温度无线传输控制系统系统
  • ElementUI浅尝辄止19:Badge 标记
  • nginx两台负载均衡服务器之间使用keepalived实现高可用
  • 如何将Express项目部署到Vercel
  • Java作业3