2012-05-25 122 views
1

我使用Mac創建了我的網站。如你所知,我無法使用Internet Explorer進行測試,因此我將它留在最後但期待佈局災難。該網站在Chrome,Firefox和Safari中看起來很完美。正如所料,IE以不同的方式顯示。我應該如何從這裏繼續前進?我可以爲IE創建一個單獨的樣式表嗎?

  1. 爲IE創建樣式表?
  2. 更新我現有的樣式表,在我之前提到的所有瀏覽器中按預期顯示網站?

對我來說,(1)似乎是最簡單的選擇,這樣我就可以定製我的CSS在IE中正常顯示而不必擔心Chrome,Firefox和Safari。你認爲這樣可以嗎?

謝謝!

+0

只是爲了澄清,你不問如何做一個單獨的樣式表,正確嗎? –

+2

*如果可能*,請使用適用於所有瀏覽器的單一樣式表。這並非易事,但可能。對於任何只需要IE特定調整的內容,請使用僅限IE的樣式表。 **使用虛擬機在OS X上預覽IE。** – deceze

+0

Hi iight,No im not。林問我是否可以創建一個單獨的樣式表。 – schenker

回答

1

您定位的是哪個版本的IE?大多數IE CSS2 bug的主要問題都出現在IE6中,其次是IE7--但是IE8和IE9要好得多,我沒有遇到任何需要它們分開樣式表的bug。

如果你的目標是IE6/7,那麼你有我的同情心,但我不明白爲什麼你應該打擾,因爲現在IE6的使用是微不足道的。但是,如果你必須的話,那麼有條件的評論是管理這個問題最不痛苦的方式。只要做到這一點在你的<頭>元素:!

< - [如果IE 6] > <的link rel = 「樣式的」 href = 「ie6patch.css」/ > < [ENDIF] - >

在這裏閱讀更多:http://www.quirksmode.org/css/condcom.html

另外,不要忘了<元HTTP的當量= 「X-UA兼容」 內容= 「IE =邊緣」/ >添加到您的網頁力IE8和IE9使用標準模式。

+0

謝謝大衛! – schenker

3

您只能針對IE瀏覽器專門針對您的stylesheet。您需要在頁面的標題部分添加條件代碼。見下面的例子。

對於所有IE

<!--[if IE]> 
For all IE 
<![endif]--> 

如果你只是想定位IE的特定版本則

<!--[if IE 7]> 
For only IE 7 
<![endif]--> 
+0

只是想到,你不能使用這種方法來解決IE10和更高的分辨率 – Nils

1

將來您可以使用css重置來最小化瀏覽器之間的差異。我過去使用過這個:http://developer.yahoo.com/yui/reset/

也可以考慮使用像http://www.99lime.com或類似的模板。

+0

嗨,99lime.com無疑提供了一個偉大的工具來簡化我的事情!我有個問題。我可以選擇性地選擇某些元素併入我的網站嗎?對於e,g。我喜歡幻燈片放映元素,我可以在我的網站中使用它嗎?謝謝。 – schenker

+0

99lime中的幻燈片並不意味着要定製,所以我強烈建議使用流行的jquery滑塊,它具有良好的文檔。我喜歡這個:http://css-tricks.com/examples/AnythingSlider –

相關問題