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

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

9个回答

动态修改 meta 标签啊

weixin_37605020
weixin_37605020 具体修改什么参数呢? 我查了下meta viewport的属性 感觉都不合适啊
接近 2 年之前 回复

页面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控制靠谱点

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!