css - rem在移动端自适应设置的问题

问题描述

问 题

我给input设置了margin-top：30rem;在chrome的模拟器里显示差别太大，是因为屏幕的initial-scale不同的原因吗？应该如何解决？

想实现的效果是input相对箭头的距离不变，额(⊙o⊙)…箭头必须包含在背景图里，越说越没底气……

（我是参照物+黄色箭头+蓝色背景 = bg.jpg 是body的background）

解决方案

rem是html字体的size。
看你这么说，应该没有通过js或媒体查询动态设置rem。
所以1rem = 16px（默认字体大小）。
其实你说的30rem，就是480px。
那么自然不同的屏幕高度，位置不一样。

rem布局，推荐参考：
https://github.com/amfe/lib-f...
https://isux.tencent.com/web-...

这篇关于css - rem在移动端自适应设置的问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！