移动端适配脚本神器之MetaHandler.js

本文转载于:专业的前端网站➽移动端适配脚本神器之MetaHandler.js

metahandler.js是控制viewport进行页面的缩放，再结合px单位进行实现移动端页面

用px实现的移动页面（宽度固定死的页面），引入metahandler.js框架
1、视口设置
width=640，是根据psd图来设置，有多宽设置多宽（设计图是640的设置64）

2、body设置宽度，是根据psd图来设置，有多宽设置多宽
3. metahandler.js里面参数的设置
调用自适应屏幕的功能函数，640是根据psd图来设置，有多宽设置多宽
opt.fixViewportWidth(640);

效果如下：

demo: http://www.wozhuye.com/front/demo/MetaHandler.js/

转载请注明：前端录»移动端适配脚本神器之MetaHandler.js

更多专业前端知识，请上【猿2048】www.mk2048.com

来源：https://www.cnblogs.com/qianduanwriter/p/11731207.html