我给input设置了margin-top:30rem;在chrome的模拟器里显示差别太大,是因为屏幕的initial-scale不同的原因吗?应该如何解决?
想实现的效果是input相对箭头的距离不变,额(⊙o⊙)…箭头必须包含在背景图里,越说越没底气……
(我是参照物+黄色箭头+蓝色背景 = bg.jpg 是body的background)
我给input设置了margin-top:30rem;在chrome的模拟器里显示差别太大,是因为屏幕的initial-scale不同的原因吗?应该如何解决?
想实现的效果是input相对箭头的距离不变,额(⊙o⊙)…箭头必须包含在背景图里,越说越没底气……
(我是参照物+黄色箭头+蓝色背景 = bg.jpg 是body的background)
使用 rem 适配, 如果要在所有分辨率下都能精准响应, 需要用到 JavaScript 动态地为根元素设定一个 font-size
. 题主没有做这样的计算.
高清适配原理我做过分析: https://segmentfault.com/a/11...
5 回答1.3k 阅读✓ 已解决
3 回答2.4k 阅读✓ 已解决
3 回答1.4k 阅读✓ 已解决
3 回答2.1k 阅读✓ 已解决
4 回答2k 阅读
2 回答1.4k 阅读✓ 已解决
4 回答2.7k 阅读
rem是html字体的size。
看你这么说,应该没有通过js或媒体查询动态设置rem。
所以1rem = 16px(默认字体大小)。
其实你说的30rem,就是480px。
那么自然不同的屏幕高度,位置不一样。
rem布局,推荐参考:
https://github.com/amfe/lib-f...
https://isux.tencent.com/web-...