移动端如何通过javascript让页面缩放

需求如下：
页面中有个输入框，点击输入框获取焦点时页面会以此为焦点放大，这个正是我需要的
但是当输入框输入完成点击确定时，我想让页面回到放大前的状态，我搜了好多资料，都是禁止用户缩放之类的，并不符合我的需求。
所以，想请大神们赐教啊！！！

动态修改 meta 标签啊

页面head部分用meta标签控制即可

移动端的适配方案是什么

输入框原来CSS设置：
input{
width: 200px;
height: 30px;
border-radius: 5px;
margin: 10px;
}
输入框获得焦点时，增加输入框的width和height
//获得焦点改变输入框大小
$("input").focus(function(){
$("input").css("width","300px")
.css("height","40px");
});
输入结束，将输入框大小改为原来大小
//输入结束，点击按钮恢复原来大小
$("#btn").click(function(){
$("input").css("width","200px")
.css("height","30px");
})

可以通过css,meta标签，或者框架控制吧。

参考：http://www.qdfuns.com/notes/16438/5e38b8c6cf888c6f69adc98048d7836f.html

可以使用css3的 transform scale()对页面进行放大，还原

没看仔细：CSS3 animation 或者 jquery onblur 触发 animate() 改变宽高，可设置时间

个人觉得CSS控制靠谱点