MORE
了解详细内容
当前位置:首页 > 新闻观点 > 常见问题 >

移动客户端对meta的定义是什么

文章来源:畅想网络 | 本文作者:小编 | 发布时间:2015-07-02 18:44:26 | Tag标签:移动网站
07

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设备上打开相应的程序组件。

相关内容
网站导航:首 页 | 关于我们 | 服务项目 | 新闻观点 | 客户案例 | 解决方案 | 联系我们