- 移动端如何通过javascript让页面缩放 5C
-
需求如下：
页面中有个输入框，点击输入框获取焦点时页面会以此为焦点放大，这个正是我需要的
但是当输入框输入完成点击确定时，我想让页面回到放大前的状态，我搜了好多资料，都是禁止用户缩放之类的，并不符合我的需求。
所以，想请大神们赐教啊！！！
-
- weixin_37605020 具体修改什么参数呢？ 我查了下meta viewport的属性 感觉都不合适啊
- 接近 2 年之前 回复
输入框原来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