2013-03-21 154 views
0

我有一些元素的網頁。當我在不同的瀏覽器上運行頁面時,元素的位置不同。我希望元素的位置在所有瀏覽器(Chrome,Firefox,IE,Opera,Safari)中都是相同的。我紅色abaout CSS重置並創建CSS文件,我把它從這個頁面的內容http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/重置css配置。然後,我運行該頁面,並再次在不同的瀏覽器中看起來不同。我應該怎麼做才能使頁面在不同的瀏覽器中看起來相同?跨瀏覽器的CSS重置

+2

給出您的代碼示例,它在不同的瀏覽器上看起來不同。您將很快得到幫助 – 2013-03-21 09:50:24

+0

如果沒有任何代碼或其他信息(如瀏覽器的含義和差異),將很難回答。 :) – 2013-03-21 09:50:40

回答

1

這是一個相當普遍的問題,所以任何建議也必須是通用的。

  1. 使用觸發standards mode(怪癖模式是不一致的,要避免它)
  2. 測試你的HTML和CSS與和CSS validator
  3. 考慮使用一個CSS復位刪除之間的差異一個DOCTYPE瀏覽器的默認樣式
  4. 你必須瞭解瀏覽器的bug,所以你能避免他們在未來研究的具體問題
+0

你解釋了我的意思(堅持標準) - 榮譽 – 2013-03-21 09:58:59

1

CSS重置不是一個魔術棒,它會使您的頁面在不同的瀏覽器中呈現相同的效果。從視覺上講,它將所有元素剝離到它們像div或跨度一樣的地步。這爲作者建立自己的風格理念奠定了基礎。

因此,如果您所寫的CSS在瀏覽器中不呈現相同的效果,那不是因爲CSS重置不起作用。有不同的原因,如缺乏支持某些功能,瀏覽器的錯誤或不同的實施...等

如果某個特定的瀏覽器出現問題,您應該遵守標準並尋找解決方法。另請注意,不同的瀏覽器以不同的方式呈現網頁。這是我們必須接受的一個事實,並且在我們編寫代碼時儘量不要過分熱心。有時它永遠不會看起來完全相同!