现在手机端也业务要多于pc端,如何做手机端的web页面也成了许多web前端工程师的必修课,以下是我总结的一些心得,大家茶余饭后研读一下,看看能不能涨涨姿势。
适配手机端我主要总结3点:
1. 在页面顶部加meta,它的大概意思就是让页面1:1显示,用户禁止缩放。
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
2.布局用百分比/rem,这个就不多解释了,只是把原来的px换成%或rem,尝试一下就知道了。值得一提的是rem这个单位直接用不太好,因为你要精确到小数点后面三四位,所以大家要用的话,百度一下rem.js,网上有很多版本,自己下载一个src引入,这样就不用精确到小数点好几位了。
3.借助手机端开发框架,比如weui。这个就不多说了,会百度就行了,也很简单。
好了,今天就总结这么多,不对的地方欢迎大家批评,本人菜鸟一枚虚心接受。