IE問題CSS文件

Question

的一個新的網站版本到生產環境中的上傳後 - 在IE中顯示不正確的網站，測試版本6和8

，而在網站的本地版本（UAT環境） 一切安好。

經過簡短的調查後，我發現IE瀏覽器只是改變了CSS文件itslef。它由開始〜行1740與follwing：

在正確的CSS版本

：

.add-topic-form .title, 
    .add-topic-form .tags, 
    .add-topic-form .original_author, 
    .add-topic-form .original_link, 
    .add-topic-form .link-url { 
    margin-top: 5px; 
    width: 95%; 
    } 

    .add-topic-form .poll-day, 
    .add-topic-form .file { 
    margin-top:5px; 
    } 

    .add-topic-form .file { 
    display: block; 
    } 

    .add-topic-form .error { 
    margin-bottom: 20px; 
    background-color: #FFE6E6; 
    padding: 20px; 
    text-align: center; 
    } 

在CSS版本我通過IE下載我得到：

.add-topic-form .title, 
    .add-topic-form .tags, 
    .add-topic-form #5742: #5b3_hor a: .add-topic-form #5742: #5b3_k, 
    dd-topic-form #574k, 
-(.. 
    margin-top: 5px; 
    } 
idth: 90%;5% } 

    .add-topic-form .toll-votday  dd-topic-form #574e-ho 
    margin-top: 5p; 
    } 

    .add-topic-form .tite-ho 
    display: block; 
    } 

    .add-topic-form .titerror 
    margin-bottom: 20px; 
    } 
ackground-color: #FED6FE6E 
    padding: 20px; 
    text-align: center; 
    } 

和同直到CSS文件的結尾會發生一些混亂。如果有人遇到過這樣的行爲，並且知道可能的原因 - 請告訴我。

UPD：

感謝所有誰回答。發現問題不僅出現在IE中，而且出現在所有瀏覽器中。可能它是緩存在除IE以外的所有應用程序，這就是爲什麼我誤解了這個問題是在IE瀏覽器。

因此，最後我通過在7z中使用其他參數進行歸檔來解決問題。我之前使用的詞彙量大小：32Kb，字長：32，它工作正常，直到今天更新。所以我將參數字長改爲16，並修復了問題。我不確定爲什麼它不與32一起工作，也許在主機端有所改變，因爲它之前一直工作正常。如果有人有想法 - 請發表評論。問題解決了，但理解環境中發生問題的變化是非常好的。 PS在本地機器上工作得很好，因此問題只出現在專業環境中。

Answer 1

它在我的（linux）機器上的Opera，Chrome和Firefox中看起來也是這樣。這與IE無關。 css肯定已經在服務器上搞亂了。

在CSS中有很多-符號讓我想到差異輸出。是否可能發生了錯誤地合併？

如果這個鏈接對你來說看起來不錯，那麼編碼肯定會有一些錯誤（雖然我不明白編碼錯誤會如何導致我們看到的效果）。

Answer 2

沒有任何其他信息，我的第一個想法是壓縮出錯了。檢查你的服務器上的壓縮/ gzip設置，看看它是否發送壓縮到IE瀏覽器。我知道IE6在gzip壓縮方面表現不佳。至少，值得檢查一下。

你可以嘗試的另一件事（是的，它聽起來很愚蠢，但有時它的工作原理）是重新鍵入有問題的行（從第一個失敗的行開始），看看是否能解決問題。有時候，一個流浪的隱形角色會被扔進去，並與事物掛鉤。

編輯 - 我注意到您的回覆以及您的域名。嘗試使用@charset規則在CSS文件中設置字符集。你可能需要玩弄角色設置才能正確使用，但我會從@charset "utf-8"開始。有可能你的本地機器運行着一個不兼容的（或者只是不同的）字符集到你的服務器，這就是問題的起因。