|
雖然起了一個(gè)看似很牛逼的題目，但本文可以說(shuō)完全是蛋疼的人（比如我~）的一種消遣~通常開(kāi)發(fā)人員都有自己的放松方式。緣起壇里某位xd問(wèn)的一個(gè)關(guān)于邊框的問(wèn)題，于是就打算搞搞清楚。寫(xiě)文章用不了太久，倒是圖材準(zhǔn)備了老半天。謹(jǐn)以此文，讓我們來(lái)消遣下各個(gè)瀏覽器對(duì)于邊框的理解方式。
參與此次測(cè)試的瀏覽器包括windows下的幾乎全部：ie6，ie7，ie8，ie9preview，chrome，firefox，safari，opera，seamonkey。各版本皆為網(wǎng)上下載的最新版。并且由于這次的測(cè)試?yán)�，IE678的表現(xiàn)一致，firefox和seamonkey又是裙帶，所以合并作IE8和firefox。下圖就是這次瀏覽器的截圖：
上面的這種排列順序是故意的。下面的測(cè)試?yán)锞蜁?huì)顯示出其原因，截圖也都是按照這個(gè)順序排列的。
首先看下面這張圖，六種瀏覽器里顯示了一個(gè)20X20的DIV，其邊框?yàn)閠op:2px，其余1px。似乎沒(méi)有什么不同。這是由于1px的細(xì)微讓我們沒(méi)有在意。(事實(shí)上這整個(gè)問(wèn)題我們本來(lái)就不需要在意~)
先把問(wèn)題簡(jiǎn)單化，單邊2px，三邊1px，并將結(jié)果放大5倍，我們能清楚的看到這種差異——opera和safari相反，ie8缺胳膊少腿，下面三個(gè)家伙一致~這里要注意到的是第二行3者在交匯處都有漸進(jìn)效果。
也許我們?cè)撟屵@種效果變得更加明顯。當(dāng)僅僅加粗單邊之后(10px)，IE8的怪癖顯露無(wú)疑。opera和safari依舊相對(duì)。下面3個(gè)統(tǒng)一戰(zhàn)線的漸進(jìn)變的更加明顯。
出處：藍(lán)色理想
責(zé)任編輯：bluehearts
上一頁(yè) 下一頁(yè) 跨瀏覽器邊框探索 [2]
◎進(jìn)入論壇網(wǎng)頁(yè)制作、WEB標(biāo)準(zhǔn)化版塊參加討論，我還想發(fā)表評(píng)論。
|
第 1 頁(yè) 跨瀏覽器邊框探索 [1]
第 2 頁(yè) 
