web适配手机端开发总结

现在手机端也业务要多于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。这个就不多说了,会百度就行了,也很简单。

好了,今天就总结这么多,不对的地方欢迎大家批评,本人菜鸟一枚虚心接受。

猜你喜欢

转载自blog.csdn.net/weixin_38639882/article/details/79583542
今日推荐