我有一个 SVG，我想用作 body 的背景。 如果我想让我的背景在最大尺寸处拉伸(stretch)然后填充其余尺寸，我应该使用什么 CSS，如下所示:
- 情况 1:如果浏览器的 viewwidth > viewheight，要使 svg 占据视口(viewport)的高度，请保持宽高比(为 1:1)，并且然后在水平方向上重复，直到完全覆盖 body 。
- 情况 2:如果浏览器的 viewwidth < viewheight(通常是网站的移动版本)，要使 svg 取视口(viewport)的宽度，保持纵横比(它' s 1:1)，然后在垂直方向上重复，直到完全覆盖 body 。
我试图在没有 JS 的情况下获得它，但如果不可能，JS 也是一种方法。谢谢!
最佳答案
您需要 JS 进行视口(viewport)比较，但从那里您可以使用 cover or contain对于 background-size Prop 。
关于javascript - SVG 在最大尺寸处拉伸(stretch)然后填充其余尺寸，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/43506297/