如何確保我的網站看起來不錯跨瀏覽器

我喜歡製作網站。我把所有的空閒時間都花在了他們身上。但是當我在其他瀏覽器和計算機上測試它們時，它們看起來不一樣。如何確保我的網站看起來不錯跨瀏覽器

我已經給出了建議，如使用margin: 0 auto;來做一個始終保持居中的主包裝。但其他人有什麼好的提示和地方來擴展我所知道的？

這主要是關於佈局。由於不同的瀏覽器不顯示陰影和漸變，對於不同按鈕的外觀並不是很感興趣。

來源

2011-12-14 syntheticsaint

下面的文章的列表：

來源

2011-12-14 16:03:40

太棒了！謝謝！我將盡快完成這些工作！ – syntheticsaint 2011-12-14 16:18:07

不幸的是，沒有統一的方法來確保您的網站在每個瀏覽器中都能正常工作。即使您符合某些編碼標準，不同的瀏覽器也可能會以不同的方式渲染您的頁面您只需要1.在常用瀏覽器（IE，Firefox，Chrome，Opera的最新版本）中測試您的網站，2.查看哪些功能無效，然後通過搜索/查找來解決特定問題。這只是Web開發的一部分。

來源

2011-12-14 16:01:41 bernie2436

這是否意味着大多數時間在一個或多個瀏覽器中存在缺陷，而這些缺陷在不破壞設計的情況下無法修復？如果這有道理？ – syntheticsaint 2011-12-14 16:03:21

沒有。您可能需要修改代碼的某些部分，以便它們可以在所有瀏覽器中運行。如果你的谷歌/ stackoverflow的特定問題，你會發現解決方法/修復 – bernie2436 2011-12-14 16:04:27

與佈局有關的大多數問題都與Internet Explorer的邊框模型的不正確實現有關。如果您瞭解邊界框模型如何在非Internet Explorer瀏覽器和Internet Explorer 6中工作，那麼您應該能夠解決大多數佈局問題。

來源

2011-12-14 16:03:22

一件事你可以做的就是隨時使用CSS reset。這一點CSS代碼有助於減少瀏覽器之間的差異。但是從中可以看出，你需要知道每個瀏覽器的常見問題，然後圍繞它們進行測試，測試和測試。

來源

2011-12-14 16:04:00 solendil