css字体设置为rem后,手机横竖屏切换的时候,字体变化会有个动画效果怎么办?
答案:1 悬赏:40 手机版
解决时间 2021-02-10 11:43
- 提问者网友:溺爱和你
- 2021-02-09 11:20
css字体设置为rem后,手机横竖屏切换的时候,字体变化会有个动画效果怎么办?
最佳答案
- 五星知识达人网友:傲气稳了全场
- 2021-02-09 12:27
首先,rem是根据根元素的字体大小来调整的。所以不管横屏还是竖屏,只要根元素的字体大小没有变,就不会变。
然后你说的,慢慢变大的问题,你看看是不是有哪里设置了transition。追问没有设置transition
就是全局做了一个@media 字体大小控制,然后调用的时候用的rem
这是放大的字体
然后第一次打开是没有问题的,只是当把手机屏幕翻转的时候,他会自动响应字体大小, 这时候,字体会有一个慢慢变化的过程,就像你说的transition效果,而不是一下就切换大小。但是我并没有用transition追答根元素html的字体大小不要变,调整不同media下的.scale的字体大小。
你现在是固定了.scale相对于根文档的大小,反过来了。
还有,你把每行的min-width去掉,多此一举了。only也可以去掉。追问哈,还是你前面说对了,确实是被transition影响了,因为网页里面我没做内容,偏偏引用了一个插件。谢了。
然后你说的,慢慢变大的问题,你看看是不是有哪里设置了transition。追问没有设置transition
就是全局做了一个@media 字体大小控制,然后调用的时候用的rem
这是放大的字体
然后第一次打开是没有问题的,只是当把手机屏幕翻转的时候,他会自动响应字体大小, 这时候,字体会有一个慢慢变化的过程,就像你说的transition效果,而不是一下就切换大小。但是我并没有用transition追答根元素html的字体大小不要变,调整不同media下的.scale的字体大小。
你现在是固定了.scale相对于根文档的大小,反过来了。
还有,你把每行的min-width去掉,多此一举了。only也可以去掉。追问哈,还是你前面说对了,确实是被transition影响了,因为网页里面我没做内容,偏偏引用了一个插件。谢了。
我要举报
如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
大家都在看
推荐资讯