欢迎光临!中国网页设计提供最新的免费网页制作教程,网页设计技术,HTML5+DIV3...中国站长必上的网站。
加入收藏设为首页广告合作
您当前位置:网站首页 >> 网页制作 >> HTML/HTML5 >> 手把手学习html5微网站开发
  • 网页配色
  • 网页布局
  • 设计欣赏
  • 网页设计理论
  • HTML/HTML5
  • CSS
  • Javascript
  • Dreamweaver
  • FLASH
  • 手把手学习html5微网站开发

    来源:中国网页设计 浏览:3050

    内容提要:介绍了html5微网站开发的入门知识,强制让网页与设备的宽度保持1:1,使设备浏览网页时对数字不启用电话功能……

    <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=”13888888888″>Call Me</a>,若在页面上面有google maps, iTunes和youtube的链接会在ios设备上打开相应的程序组件。

    <meta name="apple-mobile-web-app-status-bar-style" content="black" />

    说明:
    在web app应用下状态条(屏幕顶部条)的颜色;
    默认值为default(白色),可以定为black(黑色)和black-translucent(灰色半透明)。
    注意:若值为“black-translucent”将会占据页面px位置,浮在页面上方(会覆盖页面20px高度–iphone4和itouch4的Retina屏幕为40px)。

    <meta name="apple-mobile-web-app-capable" content="yes" />

    网站开启对web app程序的支持。

    发表评论 共有0人对本文发表评论
    网名:
    评论:
    验证:
    (网友评论仅供表达个人看法,并不表明本站同意其观点或证实其描述)
    联系我们 - 网站调查 - 免责声明 - 站长简介 - 站点综合查询 - 课件习题 - 友情链接 - 站长统计