如何解决Safari / iOS-动态尺寸的元素在制作动画时无法正确呈现
CodePen：https://codepen.io/WartClaes/pen/GRZwMxE
我们试图使CodePen尽可能小，以说明这里出了什么问题。 我们正在尝试为具有动态内容的元素设置动画（考虑一个可能处于加载器状态的对话框。在加载器状态下，这将显示一个微调器。完成后，它会显示实际内容。这两者之间应有高度差州）
因此，最初，当我们启动关键帧时-元素具有一定的高度，psycopg2.IntegrityError: insert or update on table "custom_inventory" violates foreign key constraint "custom_inventory_transaction_id_fkey" DETAIL: Key (transaction_id)=(27) is not present in table "custom_transaction"将使用该高度将其自身定位在中心。但是，在动画中，此高度会发生变化，因此其移动的位置不再正确。但是，在Safari中，它确实将自身固定在最后一个关键帧（？）上，以使用更新的尺寸正确地定位它。
这给您一种元素跳跃的感觉。
我们已经尝试过的方法：
我们试图在加载内容时强制重新粉刷，这似乎可以在Safari浏览器上使用，但不适用于我们的Cordova编译项目=> Simulator。
参考：https://stackoverflow.com/a/3485654/3421246-
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
