爲什麼IE 7中的div與其他瀏覽器顯示區別？

Question

爲什麼IE 7中的div與其他瀏覽器顯示區別？

在IE 7模樣

________________ 
|________________| 

但在Chrome和其他瀏覽器看起來像

____________________________________________________________________________ 

如何破解即顯示看起來像其他瀏覽器嗎？

<div style=" border: 1px solid #ddd; width : 200 px; height : 1px;"></div> 

Answer 1

讓網站在不同的瀏覽器上看起來一樣，一直是世界各地網頁設計師的一個問題。原因很簡單 - 一個網站的可視化取決於很多不同的變量，如：

The visitor's OS (operating system) 

The visitor's display resolution 

How the browser interprets the page 

1. 訪問者的OS

如果您的網站使用提交按鈕，單選按鈕，複選框和編輯所有這些將根據訪問者的操作系統和風格進行可視化。例如，如果您使用XP風格，則提交按鈕在Windows經典主題上看起來像灰色矩形，並且像橢圓形。作爲一種解決方法，您可以爲您的網站創建自定義按鈕。

一個普通的代碼提交按鈕看起來是這樣的：

您可以用下面的代碼替換它，以指定提交按鈕圖像：

提交

類似您可以爲網站界面的其他部分進行更改。諮詢專業網頁設計師或搜索互聯網將是必要的，以解決所有可能的問題。

1. 遊客的顯示分辨率

顯示分辨率是影響不可小視顯示一個網站的方式。例如，如果您以1024x768創建頁面，則它們將不適合將其分辨率設置爲800x600的訪問者的屏幕。

爲了解決這個問題，您不應該爲您的網站使用靜態尺寸，即不要使用width = 1024px設置寬度= 100％。這不會解決所有問題，但至少會使頁面適合屏幕。

1. 瀏覽器如何解釋網頁或網站的跨瀏覽器兼容

Web瀏覽器不通過像素渲染頁面像素。他們讀取完整的代碼並根據您的代碼生成輸出。但是，代碼解釋存在差異。因此，您應該檢查您的網站在不同的瀏覽器和操作系統上的顯示方式。

http://browsershots.org

一個好的網站應該看起來相同且其所有功能應該在任何瀏覽器中工作：爲了看到你的網頁如何看待不同的瀏覽器可以使用下面的在線工具。

不幸的是，沒有簡單的解決方案。您應該檢查每個瀏覽器的具體情況，無法正確顯示您的網站並對代碼進行必要的調整。熟練的網站開發人員應該熟悉最常見的瀏覽器兼容性問題，並應該能夠爲您提供幫助。這樣的兼容性問題不僅可能發生在不同的瀏覽器中，而且由於舊的瀏覽器版本不完全支持最新的標準。

總之，您應該在儘可能多的不同瀏覽器和操作系統上測試您的網站。如果您發現任何錯誤，您應該嘗試在Internet上搜索針對該問題的特定解決方案，或聯繫可能會幫助您解決問題的熟練開發人員。