差之 10px ,謬以千里

2021-04-23 23:21:37 字數 985 閱讀 3479

在解決了解析度對bosnma的影響後,最近在研究火狐、chrome等瀏覽器顯示異常的問題。於是開始愜意的google。

其實解決瀏覽器之間的相容性問題是web開發公認的棘手問題之一,尤其是在比較大型和正規的企業,他們的**要盡可能的滿足更多的執行環境以爭取最大的客戶流量。在解析度上,客戶的設定除了主流的寬屏也可能是800x600,1024x768,瀏覽器方面客戶可能使用ie,或者firefox,opera,要想用乙個**相容以上所有甚至更多的模式並不簡單。

對於解析度相容,我在開發bosnma時採用的方法是:定死頁面的寬度為760px,並且使其居中。需要調節的只有背景色和其拉伸和重複情況。這樣做保證800x600~一般寬屏都可以正常瀏覽(當然,現在有些主流**早就放棄800x600的客戶了)。這個還是很容易和常見的。以下是bosnma的相關css**(檢視效果http://www.bosnma.com):

//頁面body設定

body

//css style

#maincolumn

頁面的內容

而瀏覽器相容就比較麻煩,現在我做好了母板頁的相容,做法就是使用這樣的css定義:

#somecssstyle
實戰的時候往往改變的屬性不多,如下面的css**:

#compabilitycss
還算很方便吧。

不過今天在解決了這些之後發現除了ie,其他瀏覽器顯示時還是發生錯位,然後仔細檢查了.net生成的html原始碼,始終找不到問題所在。正無奈的時候仔細看了一下,突然發現logo(http://www.bosnma.com

ie的容錯確實不錯,就算你胡亂的寫有時還是可以讓ie正常顯示,不過也同時帶來了麻煩。如果當時開發時顯示異常(當然我也有錯,當時只用ie進行測試)我想會更早的發現和解決這個相容性錯誤。小小的10px就能帶來不同瀏覽器之間的巨大差異,看來做web開發是乙個仔細活兒,如果做錯了,哪怕是多個逗號少個分號,你也休想逃過編譯器的檢查。

by kim 2009/1/4

bosnma原創文章

差之毫釐,謬以千里

今天在編一段 的時候,遇到乙個很奇怪的報錯 in file included from include asm generic int ll64.h 10 0,from home charles code linux 3.10.28 include uapi asm generic types.h ...

觸發器 差之毫釐謬以千里

最近在學習資料庫的相關知識 啊,啊,啊,我不想說我是為了準備考試,否則好丟人啊。課本名 全國計算機等級考試 教程 資料庫技術 2013年版 高等教育出版社 剛學習到關於觸發器的知識,發現書上有乙個致命的錯誤 哈哈,致命是昨天剛學到的詞彙 課本164頁,第八章,在介紹觸發器的時候 舉的第乙個例子 建立...

差之毫釐謬以千里 計算中的精度問題

如果你只是i 來作計數器就可以跳過此post,主要是為進行大資料計算和與錢相關的計算的同志們寫的,也許有謬誤,歡迎批評指出 很多時候,絕大部分的大學生在參加工作後都是把計算機當作乙個大型計算器一般的來寫程式,譬如double a 12936 123546 fine 當這個結果僅供娛樂,那麼很幸運,你...