学生党,移动端新人入门。这几天在看移动端适配的问题,通过谷歌的情况发现讨论的比较多的方案就是淘宝现在用的适配方案:
1、 JavaScript动态计算设置scale,包括initial-scale,maximum-scale,minimum-scale
2、动态设置html的font-size,为屏幕分辨率/10
3、使用rem作为单位,css尺寸为:设计稿标注尺寸/html的font-size
4、font-size不使用rem作为单位。
我发现vux、mint 这些框架在适配这方面只是简单的固定下高度,宽度自适应。虽然看官方demo好像也还不错,但是我觉得如果页面复杂点的话这种简单的方法就不够看了。如果我使用vux,采用淘宝的适配方案的话,我就要去改vux的源码css样式,应该也很麻烦。
所以在这里问下各位有什么建议。(如果你在项目中使用过vux、mint,能大概说下适配方案吗)
如果去改vux的css源码,那是最不科学的做法了,还不如自己写。
如果要求不高的话,自己写的样式可以使用rem,用到vux的组件,那就只能用它的css了。
如果他的组件简单点,可以重写样式覆盖也行。
如果对适配要求很高,那它固定的px肯定满足不了你的rem,所以只能自己干了。