21. 链接 What is XHTML MP? 关于XHTML MP,XHTML Basic,XHTML XHTML Mobile Profile and XHTML Basic对比 WAP 2.0开发XHTML MP (XHTML Mobile Profile) 语法及注意问题 移动网站开发——标记语言 移动网站开发——CSS WCSS
25. Flash player 与 HTML 5 视频播放CPU消耗对比评测 我们可以看出,在Mac上,Flash Player在Safari上的表现确实不如HTML 5, 效率低了2倍,即使换上了Flash player 10.1. 还有有1.5倍的差距。但除此之外Flash player的表现完全胜出HTML5, 当然这也许是由于其他浏览器对HTML 5的支持还有待提高。但Flash player在Windows平台上各种浏览器下的表现都是相当不错,尤其是Flash player 10.1,不知道这是否可以说明,如果是基于Windows平台的电脑,手机或者掌上电脑,Flash Player 还是浏览器视频播放的首选。
31. CSS3 媒体查询(Media Queries) 转换为css中的写法为: @media screen and (min-width:480px), print, csser {selector:{...}} 再举一下例子: @media screen and (max-width:240px){ body{ font-size:12px; } } 如果设备的浏览器的最大宽度是240px,则页面将使用中号字体。 PS:属性和值之间是用冒号连接的,而不是等号,这与正常的CSS的写法一致。 从上面的例子也可以看出,媒体查询语句一般由media type+一到多个CSS属性判断组成,而多个CSS属性判断可以用关键字and连接: @media screen and (min-width:1024px) and (max-width:1280px){ body{ font-size:12px; } }
32. 区分iPhone和iPad的方法 <linkrel="stylesheet"media="all and (max-device-width: 480px)"href="iphone.css"> <linkrel="stylesheet"media="all and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait)"href="ipad-portrait.css"> <linkrel="stylesheet"media="all and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape)"href="ipad-landscape.css"> <linkrel="stylesheet"media="all and (min-device-width: 1025px)"href="ipad-landscape.css"> W3C CSS3 Media Queries 参考 media type与media query