如何解决调整卡内图像的麻烦
我要做的是从API提取国家/地区数据并将其全部呈现为页面上的卡片。
我无法调整标志的大小 ,因为它们的大小都不同 。
我已应用width: 100%;
使其适合卡片,并且已将overflow: hidden
应用于其父卡片。但是高度与我尝试应用min-height: 50%
并没有完全完成工作的高度不同-
看到澳大利亚国旗吗?图像上没有margin
等时,顶部和底部会出现白色条。您能告诉我如何制作相同尺寸的东西吗?
https://codesandbox.io/s/fetch-countries-api-1ibwp?file=/src/index.js
解决方法
添加到图像样式:
Object-fit: cover;
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。