如何确保SVG路径(设计)保持在死点,无论vewport发生什么



我有一个项目,它基本上分为两层。底部的层有一个大型SVG对象,其中包含大量不同的路径。上面的层是一个小的SVG对象,我希望它保持完全居中。底层的CSS位置是绝对的,顶层是固定的。顶部SVG";"种类";保持居中,但例如,如果我在Safari浏览器上更改缩放,则在某些情况下会丢失居中效果。网页设计中有生命周期方法吗?无论何时视口发生任何更改,我都可以调用一个方法吗?该方法可以允许我动态地重新定位顶层SVG设计,并使其在任何情况下都保持完全居中

PS:我希望最终将这个项目转移到React Native上(我对此一无所知(,如果你想迁移到基于移动的平台,网页设计规则是否相关?对代码的缺乏表示歉意,感谢您的阅读

将这两行放在style.css中指定的div类中。

display: block;
margin: auto;

然后试着运行它,你会看到。svg在中心对齐。

或如果我的剂量不起作用,请检查这个

相关内容

最新更新