Question

将新网站版本上传到生产环境后，该网站在IE，测试版本6和8中显示不正确。

在本地版本的网站（UAT环境）上，一切都很好。

经过简短的调查后我发现IE只是将CSS文件更改为了它。它从〜第1740行开始，随后是：

在正确的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;
   }

在我通过IE下载的CSS版本中我得到了：

   .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，它在今天更新之前工作正常。所以我将参数Word长度更改为16并修复了问题。我不确定为什么它不能与32一起使用，也许在主机方面有些改变，因为它之前一直很好用。如果有人有想法 - 请发表评论。这个问题已经解决了，但是了解创造问题的环境中发生的变化会很棒。 PS在本地机器上运行正常，因此问题只出现在专业环境中。

Answer 1

没有任何其他信息，我首先想到的是压缩出错了。检查服务器上的压缩/ gzip设置，看它是否将压缩文件发送到IE。我知道IE6在gzip压缩方面效果不佳。值得检查一下，至少。

你可以尝试的另一件事（是的，它听起来很愚蠢，但有时它有效）是重新输入有问题的行（从第一个失败的行开始），看看是否能解决问题。有时候，一个流浪的隐形人物会被扔进去并拧紧东西。

修改 - 我注意到您的回复评论以及您的域名。尝试使用@charset规则在CSS文件中设置字符集。尽管我从@charset "utf-8"开始，你可能不得不使用字符集来解决问题。您的本地计算机可能运行时与您的服务器不兼容（或只是不同）的字符集，而这就是问题产生的地方。

Answer 2

在我的（linux）机器上，它在Opera，Chrome和Firefox中也是如此。它与IE无关。必须在服务器上以某种方式弄乱css。

css中有很多-符号让我想到了diff输出。是否存在错误提交的合并？

如果该链接看起来没问题，那么编码必定存在严重错误（尽管我无法了解编码错误如何导致我们看到的效果）。

CSS文件的IE问题

2 个答案: