width=device-width,initial-scale=1.0 : 表示的是显示窗口的宽度等于设备的屏幕宽度,initial-scale=1.0,即初始的缩放比例为1.0;
minimum-scale : 表示的是允许缩放的最小比例
maximum : 表示的是允许缩放的最大比例
user-scalable : 表示是否允许用户进行页面的缩放,值可以为yes或者no
实例问题情况:
现象:
当用户在手机端页面当中点击input输入框进行文本的编辑时,页面会自动的被放大
解决:
在页面的头部<head>标签中插入
1 |
|
或者是不允许用户缩放页面 user-scalable=no
相信看了这些案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!
相关阅读:
如何用html的title属性实现鼠标悬停显示文字
HTML的cellpadding属性与cellspacing属性应该如何使用
input输入框中的光标大小显示不一致应该怎么解决
以上就是在h5里手机端页面缩放应该如何实现的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
HTML5实现把上传的图片转成base64编码在显示(代码实例)
HTML5游戏框架cngamejs开发实录-资源加载模块代码详解
更多相关阅读请进入《HTML5》频道 >>

Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者