关于手机自适应，用什么好

Question

用什么方法做手机端，我只会媒介查询，好像还有一个什么方法，我忘了，请各位大神在七夕间抽空帮我，顺便给个例子，谢谢

Answer 1

用rem+flex。rem:假设html根元素的font-size(fz)设置为10px。那么1rem=10px，当根元素的fz为20px的时候，1rem=20px。所以可以根据屏幕的大小不同来设置根元素的fz，来实现自适应的效果。你只需要把一个屏(例如iPhone6)的样式写好，把px按比例换成rem，再引入一个动态设置根元素fz属性的Js，就好了。可以搜一下lib-flexible。至于flex布局，可以去看阮一峰的博客。上面有语法和例子。沉下心来，把例子敲一下，很快你就会爱上flex的。

Answer 2

推荐看看这篇文章 【原创】移动端高清、多屏适配方案
里边实现的办法都是用rem，不过里边分了三种方法
1、直接写死媒体查询
2、js动态计算html的fontSize
3、sass 动态计算

希望能够帮到你。