2010-08-24 60 views
0

我不明白爲什麼HTML5的網站我的工作是在所有的瀏覽器不同。我知道它一定是CSS,但我不知道是什麼。CSS瀏覽器檢測

在Chrome:http://slackmoehrle.com/chrome.png

在Safari:http://slackmoehrle.com/safari.png

上IE 7

http://slackmoehrle.com/ie7.png

上的FireFox的Mac:http://slackmoehrle.com/firefox.png

樣式表可以在這裏找到:http://slackmoehrle.com/css.css

任何人都可以擺脫任何見解嗎?

許多人說,檢測瀏覽器是不是一個好方法,但我不明白怎樣做才能使在不同的瀏覽器

UPDATE這一切工作:

不使用CSS復位:http://slackmoehrle.com/test/without-reset/

使用一個CSS復位:http://slackmoehrle.com/test/with-reset/

回答

2

看一看使用CSS樣式表復位

我個人最喜歡的是邁爾的:http://meyerweb.com/eric/tools/css/reset/

+0

@irishbuzz - 如何做一個使用這個雖然。如果我粘貼它,它會造成嚴重破壞,但是看它後我定義了一些元素,所以這對我來說很困惑。想法? – ator 2010-08-24 23:12:23

+0

@Jim - 要包含它,您可以將它單獨鏈接到您現有的CSS文件的頭部,或者您可以粘貼到您現有的CSS文件中,但無論如何它必須位於其他CSS之前。是否有可能提供帶或不帶重置樣式表的演示頁面,以便我可以看到可能有什麼不妥。 – irishbuzz 2010-08-24 23:20:24

+0

@irishbuzz - 查看編輯張貼...... – ator 2010-08-24 23:29:04

1

瀏覽器檢測唯一真正的問題是,如果新版本的瀏覽器將支持一些新功能(例如圓角邊框),但你仍然會做一些解決方法。

更好的方法是使用功能檢測,所以你就可以使用一些特定的瀏覽器功能,它是否有支持他們與優雅降級模式時,不支持什麼。

對於CSS最實用的方法是將CSS重置爲所有瀏覽器,然後有一些常見的CSS規則,它們在所有瀏覽器中看起來都一樣,不同瀏覽器的CSS文件相同,這些規則對於不同的引擎應該是不同的。

從我的經驗,最新它幾乎總是能夠保持只有兩個版本,這些DIFF文件 - 一個用於火狐,Safari,Chrome和其他的IE瀏覽器的家庭。並使用JS的特徵檢測。

0

首先,沒有版本的IE可以處理HTML5的新元素沒有JavaScript的幫助。只有現代瀏覽器纔可以,IE不是現代瀏覽器。

至於其他瀏覽器走了,我得看看更多,但我已經沒有與任何網站我已經做了,但那時,我不使用CSS復位,並設置所有的CSS的任何問題關於我自己的元素。