2011-02-23 32 views

回答

3

檢測瀏覽器版本,特別是通過用戶代理字符串它創建緩存任何問題,是一個非常糟糕的主意。除此之外,這種方法常常因新版本的Opera和Chrome版本而失敗,因爲版本號爲雙位數字,現在版本號爲10+。

改爲使用特徵檢測,這是更好的做法,並提供更多信息。這往往會給你你想要確定的信息。

看看Paul Irish(jQuery和Chrome)和其他人的Modernizr庫。將這些與HTML5Boilerplate中的一些技術混合在一起,通常可以滿足您的所有需求,同時可以跨瀏覽器兼容。

您還可以使用CSS3 @media-queries將您的網站調整爲手機或小屏幕設備。

+0

+1謝謝,但我不只是在談論跨瀏覽器兼容性。我正在談論的是在Windows上檢測Sarari,在OSX上檢測Safari,在iphone上檢測Safari以及在ipad上檢測Safari,並且希望爲每種風格提供不同的風格。 – 2011-02-23 12:35:02

+0

您可以使用CCS3媒體查詢將不同樣式應用於移動設備上不同大小的屏幕和方向。因爲在不同的操作系統上對同一瀏覽器應用不同的樣式,所以對於您想要控制的元素(即Safari macosx中的按鈕)進行樣式設計會更好,因此它們在所有系統上看起來都一樣。或者更好,只是和它一起生活。某些事情應該在瀏覽器/操作系統之間看起來不同,這個功能不是bug。 – xzyfer 2011-02-23 12:41:23

+0

另外,關於windows和mac osx之間的不同文本渲染,如果你看YUI字體css(也作爲html5boilerplate reset的一部分),它在跨瀏覽器和操作系統的文本規範化方面做得很好' – xzyfer 2011-02-23 12:42:55

相關問題