我正在开发一个使用引导卡的项目。由于工作原因,我还必须使其与Chromium 57.xx兼容-这就是问题所在。 我使用高度:卡的100%,它们在Chrome,Firefox,Edge,Opera等中的高度完全相同。 我没有足够的代表来发布图像,因此我将发布图像的链接。 当我使用Chromium时,它看起来像这样:
https://i.epvpimg.com/cUzQdab.png
尽管它们的高度相等,但高度却比预期的要高得多。
我想达到的是: https://i.epvpimg.com/dTKdgab.png
当我禁用高度100时,父元素的高度如下所示: https://i.epvpimg.com/ppkjaab.png
有什么想法吗?谢谢。
答案 0 :(得分:0)
我通过在parend元素中添加d-flex类,从子级中删除h-100类以及向子级中添加flex-fill类来修复该问题。完美运行。