02 2015
根据最新的手机网站开发原则,廊坊网站建设的工作人员给大家分享下,移动客户端对meta的定义有哪些,希望朋友们认真学习,以后可以用得上。
移动客户端对meta的定义有几项通用定义:
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" >
<meta content="telephone=no" name="format-detection" />
第一个meta标签表示:
强制让文档与设备的宽度保持1:1。
文档最大的宽度比列是1.0(initial-scale初始刻度值和maximum-scale最大刻度值)。
user-scalable定义是否可缩放(0为不缩放),使页面固定设备上面的大小。
注意:实际测试中发现,HTC G7自身系统浏览器不支持这一条规则,能够对页面进行放大,一旦放大响应的box也随之放大,导致俄页面出现错乱问题,解决方法:定义页面的最小宽度 min-width,body{min-width: 300px;}。
第二个meta标签表示:
使设备浏览网页时对数字不启用电话功能(不同设备解释不同,itouch点击数字为存入联系人,iphone为拨打电话),忽略将页面中的数字识别为电话号码。
若需要启用电话功能将telephone=yes即可,具体调用格式可以这样书写代码<a href=”0316″>Call Me</a>,若在页面上面有google maps, iTunes和youtube的链接会在ios设备上打开相应的程序组件。