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如何控制手机端页面移动、缩放等功能的全部内容,希望对大家的学习和解决疑问有所帮助,也希望大家多多支持武林网。新闻热点
疑难解答