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

猪小排

49513

发布于
2016-10-09

更新于
2016-10-09

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

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

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

html css

阅读 5.4k

3 个回答

残阳映枫红

使用 rem 适配, 如果要在所有分辨率下都能精准响应, 需要用到 JavaScript 动态地为根元素设定一个 font-size. 题主没有做这样的计算.

高清适配原理我做过分析: https://segmentfault.com/a/11...

查看全部 3 个回答

推荐问题

如何自定义设置虚线边框的样式？
背景： {代码...} 如上图所示：虽然可以设置虚线边框，但是虚线边框的样式往往需要修改：比如:单个实线间的间距自定义调整;单个实线的长度自定义调整。
5 回答1.3k 阅读✓ 已解决
前端有没有办法实现页面截图？
前端有没有办法实现页面截图？不是html-to-canvas那种实现，而是类似于windows上各种截图工具那样，直接截取屏幕上图像目前搜到的全是html-to-canvas的方案
3 回答2.4k 阅读✓ 已解决
只用一个div，宽高固定，文本内容不固定，能不能实现水平、垂直居中，超出两行显示省略号？
只用一个div，宽高固定（width: 100px; height: 50px;），文本内容不固定，如何实现水平、垂直居中，超出两行显示省略号？
3 回答1.4k 阅读✓ 已解决
为什么这个动画一直在抖动?
demo为什么这个动画一直在抖动?
3 回答2.1k 阅读✓ 已解决
怎么把一个矩形div变成一个直角三角形？
下面的是一个正常的div，怎么变成浅角部分，就是把一个矩形的div变成下面是直角的直角三角形。
4 回答2k 阅读
如何实现前端视频流的处理和优化？
处理视频流，比如在 WebRTC 项目中如何处理视频的分辨率变化、帧率控制等问题？
2 回答1.4k 阅读✓ 已解决
使用vue-pdf本地浏览器使用chrome移动机型可以正常预览，但是到了线上就无法正常预览了?
线上打开pdf：pdf文件请求返回<html><body></body></html>预览效果如下:而本地效果如下:pdf文件返回正常:使用的chrome的模拟机型均为iphoneX，请问有大佬遇到过这种问题吗
4 回答2.6k 阅读

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

如何自定义设置虚线边框的样式？

前端有没有办法实现页面截图？

只用一个div，宽高固定，文本内容不固定，能不能实现水平、垂直居中，超出两行显示省略号？

为什么这个动画一直在抖动?

怎么把一个矩形div变成一个直角三角形？

如何实现 前端视频流的处理 和优化？

使用vue-pdf本地浏览器使用chrome移动机型可以正常预览，但是到了线上就无法正常预览了?

如何实现前端视频流的处理和优化？