18910140161

html-如何使flex框自动调整到具有百分比定义高度的对象?-堆栈溢出

顺晟科技

2022-10-19 11:27:26

220

我有一个svg文件,希望包含在flex框中。该文件没有设置大小,因为我希望svg根据页面/div大小进行缩放。当前,包含flex调整为文件的宽度,但剪辑高度。

理想情况下,这些flex框将保留在一行中,直到页面宽度达到768px以下。我对flex Box比较陌生,所以我不知道如何实现这一点。

这是当前结果:

这是所需的:


顺晟科技:

问题不在于CSS,而在于SVG。 我把它输入素描,在它周围画了一个新的艺术板,然后再出口。我还通过https://jakearchibald.github.io/svgomg/运行了它,以确保它精干干净。

对于某些细节,您完全搞乱了,因此SVG的高度意味着一些地图将被切断。这是主要问题。剩下的部分确保了SVG是干净的,并删除了一些不需要的属性。

新的SVG代码的一个额外好处是,现在可以在一个地方(换行组)添加,并且您的SVG将采用当前字体颜色。

我还清理了一点您的CSS。现在它也适用于Flex。像这样的空声明会使某些浏览器以不同的方式处理这里的意思(我正在查看您的Safari)。明确总是好的。

  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航