`

almost stardards和stardards的差别

 
阅读更多

 

来自火狐开发者中心的解释

“Almost standards”渲染模式和”standards”模式的所有细节一摸一样,除了一个:图像在表格单元内的布局处理方式,和Gecko’s核心的 “quirks” 模式一样,如IE。这意味着表格内的图像切片布局在基于”Gecko”核心渲染引擎的浏览器(如Mozilla 1.0.1及其新版本的”quirks”或者”almost standards”模式)下不太可能崩溃。

 

为了验证这个差别,如是自己写了个简单demo,结果如下:

1.准标准模式:全部浏览器一致,像素差2px;

2.标准模式:标准模式,标准浏览器有6px像素差(ie8是5px),ie6|7为2px;

3.xml头(quirk模式),没有doctype:只有ie8保持5px像素差,其他全部一致相差2px;

al标准模式,全部浏览器一致

标准模式,标准浏览器一致(只有ie8相对于其他少1px)

标准模式ie6|7 2个图片贴近

解决办法就是给图片添加样式:display:block;

另外附上各种文档类型以及模式测试的demo 来自hixie.ch

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics