手机页面自适应问题

　　就本人而言，还是前段小白一个。

　　入职至今，主要还是做pc端网站为主。现在所在的公司在做的项目有微信公众号的开发，其中需要制作一些手机网页。这对于我个人而且是有一些问题的。比如手机端的图片，文字自适应的问题等。对于这方面的处理，我尝试使用媒体查询来制作，但是编写的过程中代码重复度很高，而且在编写不同尺寸的效果时需要大量的测试。很耗时，而且效果不好。可能也是由于我个人水平的限制吧。写出来的页面体验度很差。

　　通过向一些朋友的咨询，了解到一个好用的js，这里要感谢@胡老四。具体js如下：

　　zepto.min.js

　　zepto.sqq.js

　　在html中引入以上两个js后，即可按照pc端网页的写法来写手机网页，唯一的差别是在手机端网页中使用相对尺寸"rem"。如果不引用这两个文件，而直接是用rem，就需要对html根元素进行设置，一般采用媒体查询设置，或者js动态计算根元素的font-size，这样我个人认为比较麻烦。而引用这两个文件后，会自动获取根元素尺寸，当屏幕尺寸变化，html根元素的尺寸会自动变化，这时由于页面中所有元素的尺寸都是相对于根元素设置的，所以页面上的内容（图片，字）的大小都会有等比例的变化。

　　亲测有效，很实用的东东。大家在手机网页的编码上有什么好的方法欢迎留言！

　　Ps：一个前端小白的真诚留言。