前端录网站,记录前端点点滴滴,帮助程序猿快速成长!

移动端适配脚本神器之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