css 设置 animation 时单位用 rem,在苹果手机浏览器看,动画内设置的长度和动画外的宽度不一致,请问怎么解决?

2022-06-07 17:39:55 +08:00
 frozenway
.line-jumen{
                left: 8.8rem; 
                top: 3.23rem; 
                width: 1.82485rem; //这里宽度显示正常
                opacity: 0; 
                transform: rotate(202deg);
                animation: linejumen 20s linear;
                @keyframes linejumen {
                    0%{
                        opacity: 0;
                        width: 0;
                    }
                    59%{
                        opacity: 1;
                        width: 0;
                    }
                    60%{
                        opacity: 1;
                        width: 1.82485rem;//这里显示会比上面的宽度窄许多
                    }
                    100%{}
                }
            }

同样的长度单位,为什么会这样?

1115 次点击
所在节点    CSS
0 条回复

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/857964

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX