2012-03-08 85 views
0

什麼是一些已知的開發CSS樣式表的工具,可以生成跨瀏覽器的CSS?CSS樣式表工具

有什麼我可以運行我的CSS雖然產品跨瀏覽器CSS或可能是另一種'語言'我可以皮卡將輸出跨瀏覽器CSS?

+2

恕我直言 - 掌握'CSS'和瀏覽器不兼容/角落案件是你最好的選擇。我還沒有對任何'CSS'框架加以冷靜。 '原始CSS'適合我... – xandercoded 2012-03-08 23:07:06

+0

不存在。您必須瞭解已知瀏覽器差異的css和代碼。此外,你想走多遠:支持IE7(需要一些工作)?支持IE6(需要更多的工作,有時無法獲得100%的結果)。支持IE5或更早版本?編寫乾淨,符合規範的代碼,您將處於一個更強大的位置,可以正確呈現跨瀏覽器。 – 2012-03-08 23:09:26

+0

這裏有一點差距 - 我們可以用CSS工具來標記可檢測到的問題(這主要是IE問題)。我不確定所有跨瀏覽器的錯誤只是通過解析代碼才能檢測到,但這樣的工具可能會有用。 – 2012-03-08 23:34:19

回答

2

雖然@ Xander和@cale_b是完全正確的,但您可以採取一些步驟讓生活稍微輕鬆一些。

首先,大多數情況下,現在大多數瀏覽器都是相當一致的,它們的差異很小。有兩個例外,(這可能是您的問題是來自:IE瀏覽器,尤其是IE6和IE7的

  1. 舊版本標有「CSS3」只有經常

  2. 事。與供應商前綴實現

所以,我解決這些問題的方法是在三個步驟:

  1. 創建在現代瀏覽器中運行良好的香草CSS代碼。也就是說,只需編寫標準的CSS,並在一到兩個最新的瀏覽器中進行測試。

  2. 如果我需要先進的「CSS3」的特點,我用像CSS3 please"發電機(你可以找到更多的this SitePoint post

  3. 在確定一切正常我在現代瀏覽器的滿意,我再評估形勢IE6和IE7。如果一切都很糟糕,我開始使用美妙的IE6 fixer。一旦這些瀏覽器中的佈局模糊不清,我就會評估需要多少「CSS3」支持並尋找polyfills。通常,CSS3 PIE工具涵蓋了我需要的大部分功能。然後我解決了調試這些瀏覽器的任何剩餘特性的棘手任務,並且我完成了。

我希望有幫助。

+0

還有CSS Lint:http://csslint.net/ – Sharon 2012-03-21 14:03:00