百分比的細節(jié)--容器大小篇
更新時間:2007年04月02日 00:00:00 作者:
因為屏幕能顯示的最小單位是1px,對于像773*50%=386.5這樣帶數(shù)字的長度必須有所取舍。
測試頁面,一些瀏覽器的截圖標寬度也在里面
IE:按四舍五入的方式計算。
Firefox:計算后的值忽略小數(shù)部分,但會把多出的長度分配給里面的各元素。 如果只多出1px,比如2*386=772,剩下的1px會到其中一個元素,優(yōu)先分配第一個元素,像773px分配給兩個50%時得到的是:387px和386px,分配給四個25%時得到的是:194px、193px、193px和193px; 而對于多出幾個px,如773*33.3%=257.409,773*33.33%=257.6409,由于忽略掉的小數(shù)不一樣,分配的原則也不一樣,找不到相關(guān)資料,以下是我的猜想,三個元素的,按四舍五入的方式分配,四舍的優(yōu)先分配給兩邊,五入的優(yōu)先分配給前邊兩個,對于分配給三個元素以上的,多出部分自由分配,我找不到規(guī)律,但第一個一定會分配到。
FF還有一些奇怪的地方。Firefix測試頁面。1024寬度不會自動分配,也許是因為外層也是帶小數(shù)的,導致1px沒分配,接著測試Firefox
Opera & Safari2:計算時忽略百分比的小數(shù)部分,計算后的值忽略小數(shù)部分,如果里面的元素大于計算后的寬度不會導致后面的元素換行。
Netscape & Mozilla:計算后忽略小數(shù),多出部分有點類似Firefox,但多出部分是比透明顯示,而且比較奇怪,比如33.33%*3=99.99% 小于100%,但卻大于100%,奇怪的瀏覽器,還好使用的人不多,不用過于在意這兩個瀏覽器。
測試沒完成,有興趣的朋友幫忙測試,單獨的測試頁,有知道原因的朋友講一下下
測試頁面,一些瀏覽器的截圖標寬度也在里面
IE:按四舍五入的方式計算。
Firefox:計算后的值忽略小數(shù)部分,但會把多出的長度分配給里面的各元素。 如果只多出1px,比如2*386=772,剩下的1px會到其中一個元素,優(yōu)先分配第一個元素,像773px分配給兩個50%時得到的是:387px和386px,分配給四個25%時得到的是:194px、193px、193px和193px; 而對于多出幾個px,如773*33.3%=257.409,773*33.33%=257.6409,由于忽略掉的小數(shù)不一樣,分配的原則也不一樣,找不到相關(guān)資料,以下是我的猜想,三個元素的,按四舍五入的方式分配,四舍的優(yōu)先分配給兩邊,五入的優(yōu)先分配給前邊兩個,對于分配給三個元素以上的,多出部分自由分配,我找不到規(guī)律,但第一個一定會分配到。
FF還有一些奇怪的地方。Firefix測試頁面。1024寬度不會自動分配,也許是因為外層也是帶小數(shù)的,導致1px沒分配,接著測試Firefox
Opera & Safari2:計算時忽略百分比的小數(shù)部分,計算后的值忽略小數(shù)部分,如果里面的元素大于計算后的寬度不會導致后面的元素換行。
Netscape & Mozilla:計算后忽略小數(shù),多出部分有點類似Firefox,但多出部分是比透明顯示,而且比較奇怪,比如33.33%*3=99.99% 小于100%,但卻大于100%,奇怪的瀏覽器,還好使用的人不多,不用過于在意這兩個瀏覽器。
測試沒完成,有興趣的朋友幫忙測試,單獨的測試頁,有知道原因的朋友講一下下
相關(guān)文章
用javascript來控制 鏈接的target 屬性的代碼
用javascript來控制 鏈接的target 屬性的代碼...2007-11-11
HTTP與HTTPS超文本傳輸協(xié)議的區(qū)別是什么
隨著越來越多的網(wǎng)站使用HTTPS加密,現(xiàn)在HTTPS的使用已經(jīng)成了硬性要求了。雖然說https是http的安全版,但兩者還是有不少區(qū)別的。本文從https、http的概念和原理入手,講解他們的不同,讓讀者朋友能夠真正理解。2022-12-12

