以文本方式查看主题

-  ╋艺 镇╋  (http://zyzsky.com/bbs/index.asp)
--  ┣◇网站建设&Web语言  (http://zyzsky.com/bbs/list.asp?boardid=4)
----  波堤狮告诉你目前各家浏览器对 CSS3 的支持状况...  (http://zyzsky.com/bbs/dispbbs.asp?boardid=4&id=3271)

--  作者:admin
--  发布时间:2011/11/4 14:39:58
--  波堤狮告诉你目前各家浏览器对 CSS3 的支持状况...
图片点击可在新窗口打开查看
(请注意IE7与IE版的波提狮)

如果把IE5、6、7、8、9都加起来,说IE是最多人使用的浏览器,应该当之无愧,不过比较多人用不代表IE的浏览器显示是正确的,虽然多数正义一直是网络上最常见的真理,但遇上了HTML5CSS3、还有那个不知道会不会变成标准的WebM,这个多数暴力完全发挥不了效用。

图片点击可在新窗口打开查看图片点击可在新窗口打开查看
IE7(左侧)显然是拿枪自裁。IE6(右侧)这根本已经不知道原型是啥了,难怪波提狮会哭哭


不久前,小姜曾写过一篇用小叮当测试各家浏览器CSS3支持的文章,那是日本的Pure CSS Design的网页,由神人ShopDD制作。所谓的Pure CSS指的是不使用任何一张图片,纯粹用DIV背景色、切边、圆角、阴影等CSS语法来「画出」一个图形,因为整个页面都是用CSS来「画」的,所以当浏 览器对CSS的支持不佳,很容易就会让最后的成品变成一个神秘的外星图像,之前小姜介绍的哆啦A梦 小叮当 Pure CSS网页就是一例,可以看到IE8的哆啦A梦简直是整形失败。


图片点击可在新窗口打开查看
IE8(最右侧)的结果真的有机器猫的感觉,坏掉的那种~ XD


或许因为制作这样的东西,可以展现一定程度的CSS控制技术与知识,所以台湾这边也有能人YIJEN制作 "波提狮" (Pon De Lion)的Pure CSS页面,这次还多使用了@font-face(外部文字定义)的技术,援引网络字型来让页面呈现的文字更美观,更加入了keyframes Animate的动画效果,让波提狮摇摇尾巴(仅支持使用 Webkit核心的Chrome & Safari),想要看看各种浏览器效果的读者可以到Live Demo网页一瞧究竟。
[此贴子已经被作者于2012-2-1 10:42:17编辑过]

--  作者:admin
--  发布时间:2011/11/4 14:40:20
--  
WebKit 是一个开源的浏览器引擎,与之相应的引擎有Gecko(Mozilla Firefox 等使用的排版引擎)和Trident(也称为MSHTML,IE 使用的排版引擎)。同时WebKit 也是苹果Mac OS X 系统引擎框架版本的名称,主要用于Safari,Dashboard,Mail 和其他一些Mac OS X 程序。WebKit 所包含的 WebCore 排版引擎和 JSCore 引擎来自于 KDE 的 KHTML 和 KJS,当年苹果比较了 Gecko 和 KHTML 后,仍然选择了后者,就因为它拥有清晰的源码结构、极快的渲染速度。

现在浏览器的内核引擎,基本上是四分天下:
  Trident: IE 以Trident 作为内核引擎;
  Gecko: Firefox 是基于 Gecko 开发;
  WebKit: Safari, Google Chrome,搜狗浏览器的高速内核,傲游3 基于 Webkit 开发。
  Presto: Opera的内核,但由于市场选择问题,主要应用在手机平台--Opera mini

参考资料:http://baike.baidu.com/view/1510583.htm
 
 
keywords:Safari html5 flash

此外,苹果自身也在不断创立新的开放式网络标准。例如,苹果通过一个小型开源项目开发出了WebKit这个完全开源的HTML5渲染引擎及Safari浏览器核心组件,并且还将其广泛应用于苹果旗下的所有产品中。目前,谷歌在Android平台上的浏览器中使用WebKit,Palm及诺基亚也在使用WebKit,就连RIM也宣布将在黑莓手机上应用它。如今,除微软以外的其他所有智能手机浏览器都搭载了WebKit技术。通过开放WebKit技术的使用,苹果实际上已经为移动设备网络浏览器制定了标准。

http://www.bjbkws.com/ios/919/

 

[此贴子已经被作者于2016/7/27 9:15:16编辑过]