為什么 IE 中的頁面顯示與 google chrome 不同？

Question

某些頁面通常在 IE 中顯示非常糟糕，解決這些問題的最佳方法是什么？

Answer 1

您忘記添加doctype ，因此您的頁面處於Quirks 模式。

添加這個（HTML5 doctype）作為第一行：

<!DOCTYPE html>

它應該看起來更好。

雖然，手動更改文檔模式（使用開發者工具；按 F12），它仍然看起來不正確。 該頁面顯然還有其他問題。

最相關的問題（在 escaping Quirks Mode 之后）是這樣的：

<body style="margin: 0; padding; 0;background-color: 4DA2CA;">

Internet Explorer 未顯示任何背景顏色，因為您忘記了顏色前的# 。 （並且您有padding; 0 ，帶有;而不是: ）

這將起作用：

<body style="margin: 0; padding: 0; background-color: #4DA2CA">

但是您首先不應該使用內聯 styles ..

這會更好：

<body>

在您的樣式表中使用 CSS ：

body {
    margin: 0;
    padding: 0;
    background-color: #4DA2CA
}

Answer 2

你的意思是，在 IE 中，Div 更小。那是因為在 IE css 邊框中，邊距包含在聲明的寬度中。所以，如果你給了一個 100px 的 div 寬度和 10px 兩邊的邊距，那么在 IE 中實際可見寬度這個 div 的大小將是 100-10-10=80px。要解決這個問題，您可以使用子 css decleration。 考慮我們的示例，如果您想在兩個瀏覽器中顯示此 div 100px 寬度，請執行以下操作

    .mydiv{       /*This deceleration will be understood by all the browsers*/
     margin:10px;
     width:120px;       
    }

    html>body .mydiv{  /*This deceleration will not be understood by IE browsers so other will override the width*/
     width:100px;          
    }

使用它，您可以在 IE 和非 ie 瀏覽器中統一 Div 的寬度

Answer 3

我強烈建議不要在每次創建新頁面元素時重新發明輪子，而不是指出每個元素在 IE 中呈現不同方式的原因。

即使在現代標准兼容瀏覽器中，CSS 也可能非常不可預測，因此最好使用來自受信任來源的防彈代碼片段，例如

CSS 缺失手冊

CSS 權威指南

CSS 食譜

從 HTML/CSS 的工作塊開始，然后根據自己的喜好修改它們並從那里測試跨瀏覽器。 整個過程將不那么令人沮喪。

為什么 IE 中的頁面顯示與 google chrome 不同？

問題描述

3 個解決方案

解決方案1
2 已采納 2011-04-30 20:02:25

解決方案2
0 2011-04-30 20:12:37

解決方案3
0 2011-04-30 20:14:20

為什么 IE 中的頁面顯示與 google chrome 不同？

問題描述

3 個解決方案

解決方案1 2 已采納 2011-04-30 20:02:25

解決方案2 0 2011-04-30 20:12:37

解決方案3 0 2011-04-30 20:14:20

解決方案1
2 已采納 2011-04-30 20:02:25

解決方案2
0 2011-04-30 20:12:37

解決方案3
0 2011-04-30 20:14:20