css - 保持两项 Material UI 网格中第一项的纵横比,而第二项确定网格的高度
问题描述
我有一个行方向的 Material UI 网格,其中左侧项目是 1:1 纵横比图像,右侧项目是一些细节、按钮等。网格高度应基于右侧项目高度的高度,因为文本和按钮可以使网格更高。当网格变高时,我希望左侧项目保持相同的纵横比。
我似乎能够使调整大小的部分正常工作,但图像的纵横比似乎无处不在——即使是相同大小的图像也会以不同的方式呈现。
解决方案
推荐阅读
- javascript - 无法将作为参数传递给每个 jQuery 的对象数组的值附加到 html 元素
- javascript - 如何在 ReactJS 中的子组件(兄弟姐妹)之间共享状态?
- python-3.x - 如何创建可以运行存储在文件夹中的其他 python 文件的 Python 可执行文件?
- javascript - 具有非时间 x 轴的 D3 多系列折线图
- angular - 无法在 Angular 7 中设置嵌入式报表的配置设置
- css - CSS Grid,有网格项的图像填充高度吗?
- c# - 在 sitefinity 版本 8.2 迁移后,页面重定向不保留 URL 的查询字符串部分?[asp.net/C#]
- java - 什么是实现以下问题的解决方案的最简单和最简洁的方法
- php - 根据当前登录用户获取表详细信息
- javascript - jquery fileupload.js this._on 不是函数错误