html5适配

Question

今天给app端开发几个页面，遇到了适配的问题。刚开始使用 rem，根据设计稿设置了根字体的大小。发现必不能适配，在其他模拟器和手机都没有问题，只有在苹果手机中的APP适配不了。然后怀疑IOS webview 不支持rem定位，就使用了@media，结果IOS app依然不能适配，其他的均正常，请问各位这是什么原因。是不是苹果的 webview 不支持设备。虽然用了另外的方法解决了适配的问题但是还是想知道为什么不能是用 rem 和@meida 做响应式布局。

Answer 1

rem适配的没问题，https://github.com/ElemeFE/li...

Answer 2

是不是忽略了2x、3X呢=-=

Answer 3

应该是你没算对吧 rem很好用的

Answer 4

没有问题的，我们这边项目都是可以的。
推荐您看下我之前写的博文：移动端(手机端)页面自适应解决方案—rem布局篇

内嵌到app，推荐您用淘宝做法！

Answer 5

通过媒体查询，或者js根据窗口大小。来设置html的font-size字体大小，就可以控制rem的大小了。点链接

Answer 6

根结点font size设置的是多少？这个地方的值应该通过js代码计算二倍图、或者三倍图给的设计参照手机尺寸计算出来的

Answer 7

谢谢上面的网友的热情恢复哈，上面问题的侧重点不是问适配，而是问大家有没有遇到webview不支持rem和@media的情况。不是适配的问题。。。。。