关于手机端点击HTML input输入框页面放大的问题解决放法
这个是我最近遇到的问题,在找了很久的资料以后终于找到了解决放法
<script>if(/Android (\d+\.\d+)/.test(navigator.userAgent)){var version = parseFloat(RegExp.$1);if(version>2.3){var phoneScale = parseInt(window.screen.width)/230;document.write('<meta name="viewport" content="width=230, minimum-scale = '+ phoneScale +', maximum-scale = '+ phoneScale +', user-scalable=no, target-densitydpi=device-dpi">');}else{document.write('<meta name="viewport" content="width=230, target-densitydpi=device-dpi">');}}else{document.write('<meta name="viewport" content="width=230, user-scalable=no, target-densitydpi=device-dpi">');} </script>
只需要把这段代码复制到HTML页面就行了
别忘了设置这个
<meta name="viewport" content="width=drvice-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;">
关于手机端点击HTML input输入框页面放大的问题解决放法相关推荐
- 解决手机端点击输入框后页面会被放大问题
在测试手机端页面输入框时,点击后整个页面被放大,并且在离开输入框.点击页面其他地方,页面并不会恢复原来的比例,很影响美观 解决方法:只需在页面头部加入两句 <meta> 标签语句即可,若是 ...
- 点击底部input输入框,弹出的软键盘挡住input(苹果手机使用第三方输入法 )
测试移动端页面的时候,偶然发现点击底部input输入框时,弹出的虚拟键盘偶尔会挡住input输入框. 输入框固定在页面底部,如图所示: input固定底部设计图.png 点击底部input输入框唤起软 ...
- vue中手机端点击手机键盘的完成 / 搜索按钮触发文本框搜索
看到标题,你可能第一反应是想着监听手机键盘的[完成]或[搜索]按钮,然后触发事件do something but ,No No No ,没有那么艰难复杂. vue中,要在手机端点击手机键盘的[完成]或 ...
- 手机端点击图片放大特效-PhotoSwipe插件
PhotoSwipe插件官方网站 http://www.photoswipe.com/ PhotoSwipe插件能实现手机端点击图片全屏放大 再双击图片放大等功能 但有一点不太好的是图片放大后再单击不 ...
- 点击按钮出现图片_坪山电动车上牌丨部分手机点击拍摄按钮,页面没有反应,无法拍摄人脸图片或上传照片,为什么?...
戳蓝字关注,骑行要备案,安全常相伴大家好!我是「帮你电动车轻松上牌的」小易今天继续解答广大深圳电动车车主,在操作"易骑行"小程序进行电动车备案,以及深圳电动车上牌骑行过程中遇到的常 ...
- 手机端点击图片全屏预览
<!doctype html> 手机端点击图片全屏预览 <div class="category"><img src="1.jpg" ...
- 移动端网页返回主页功能php,移动端点击返回键,页面不刷新解决方案
在移动端项目中遇到了点击浏览器返回键,页面不刷新的问题,通过研究学习,采用了以下的解决方案.问题解决了. (一)移动端点击返回键,页面不刷新解决方案 移动端浏览器点击返回上一级,页面不刷新的原因之一: ...
- 解决PDF阅读器 手型工具里有个箭头 点击文档出现页面放大问题
解决PDF阅读器 手型工具里有个箭头 点击文档出现页面放大问题 打开某些PDF文档,手形工具里还有一个箭头,若点击文档正文的任意部位,文档就会变大,可按以下操作取消 1.以福昕阅读器为例,操作是:文件 ...
- 关于手机端点击搜索按钮跳转到搜索页面,搜索框自动聚焦并且唤起键盘
index页面: <div @click="gotoSearch()">// 首页取一个和搜索页面搜索框一样的class名<input class="v ...
最新文章
- Yii2中限制访问某控制器的IP(IP白名单)
- 与年轻人的“要疯”五年,安踏如何保持新鲜感与吸引力?
- 中石油训练赛 - Perfect Tree(dfs)
- 1562区别 洛达1552_洛达1562A与洛达1536u与杰里有哪些区别呢?
- outlook qr码在哪里_胡志明市第一次将QR码附加在街道名称板上,目的是什么?
- 二进制颜色查询对照表
- 好用的屏幕录像截图工具:Movavi Screen Capture Pro 10 Mac
- 利用原生node.js连接sql数据库
- 非负矩阵分解(NMF)
- NCCL (NVIDIA Collective Communications Library)
- sharding-jdbc系列之常见问题(十四)
- 怎样查网站的排名和收录情况
- JavaScript实现数字金额小写转大写
- 如何用ps扣字体_如何用PS的字体扣出来,改变颜色.PS如何抠图?
- 解决 Costmap2DROS transform timeout.问题
- 思科瘦AP开启telnet/ssh通过WLC命令方式
- 小程序 ios 全面屏底部留出安全距离
- 验证码的前世今生(前世篇)
- tcpip协议与服务器的关系,RS232转TCPIP的TCP工作模式选择
- 华为3C联通移动一键刷入官方recovery,解决root后如何刷回原版系统,刷机后无法进入系统的问题