剛剛注意到我的網站在IE中呈現時看起來完全是Björked。想法？

Question

我使用chrome和Firefox。我喜歡Chrome和Firefox。我只是想檢查我的網站在IE8中的樣子，結果真的很可怕。我無法瀏覽，它沒有正確渲染旋轉，整個事情都搞亂了。

有沒有人有任何想法？我現在唯一的想法是做一個完全的重新設計，以適應IE。

My sad, IE-broken website

Answer 1

不，不要做重定向 - 一切都不會丟失。你仍然可以嘗試挽救這種情況。

該網站的主要問題是您使用的CSS3 2D轉換，這是不支持所有版本的IE瀏覽器（IE9應支持它，但您的網站可能不會使用正確的語法）。

有幾件事你可以做，以解決這個問題。我帶你一步步我通常採取：

1. 由於2D轉換爲規範的一個相對較新的一部分，這將是明智的，堅持做的事情，現在的老方法。最明顯的方法是使用傾斜的圖像，而不是使用CSS傾斜的錨點。

2. 如果上述解決方案由於某種原因不適合（太多的工作;交互式區域與圖像等太大），您可以隨時採用回退（顯示導航和標誌以傳統的水平方式）不支持2D轉換。您可以使用Modernizr等腳本輕鬆發現瀏覽器功能。在之前做指定IE特定的樣式表，因爲可能有其他瀏覽器不支持轉換。

3. 部署一個特定於IE的解決方案，通常是conditional comments.在這種情況下，您可以使用IE的filter matrix transformation來填補空白，或爲IE9及以下版本部署上述後備腳本。

Answer 2

到目前爲止，我唯一的想法是建立一個瀏覽器自動檢測並重定向到一個IE瀏覽器友好的網站。我發現這個：http://mobility.mobi/showthread.php?22-Auto-detecting-PC-Mobile-and-then-Redirecting