首页 > 开发 > HTML5 > 正文

HTML5如何控制手机端页面移动、缩放等功能

2020-07-03 13:04:01
字体:
来源:转载
供稿:网友
这篇文章主要为大家详细介绍了HTML5如何控制手机端页面移动、缩放等功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,有需要的朋友可以收藏方便以后借鉴。

meta的功能前面361源码介绍了不少,大家可以回顾一下:《网页移动端meta属性基础知识总结分享》、《织梦DedeCMS文章内容页原创Meta声明标注实现实例》等。下面给大家带来的是以个很简单的meta应用:

HTML5实现手机端访问时禁止移动网页内容,禁止放大和缩小显示网页,也就是若双指放大进会提示该页不能缩放,只需把上述两代码加入你的网页meta声明部分即可,简单吧?代码中包括了禁止移动和允许移动两种方法。

第一种:可以移动

<title>可以移动</title><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">可以移动

第二种:不可以移动

<title>html5禁止和移动、缩放网页</title><meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" id="viewport" name="viewport">不可以移动

通过上面2段简单的meta代码,大家发现什么了没有?361源码建议大家可以把上面代码分别拿出去测试看看,加深下记忆。

以上就是HTML5如何控制手机端页面移动、缩放等功能的全部内容,希望对大家的学习和解决疑问有所帮助,也希望大家多多支持错新网。
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表