为什么会在IE中发生这种情况？

Question

我一直在为我们的网站开发一个新的设计，并且遇到了只在实时服务器上发生的IE问题。

在IE以外的任何浏览器中，它显示正常。在IE中，正如您可能看到的那样，它不会读取我设置的边距。如果我将网站直接从我的计算机上拉下来，而不是从实时服务器上取下，在IE中一切看起来都很好。我不明白为什么这个问题只会在网站上线后出现，我也不知道该怎么做才能修复它而不会弄乱其他浏览器的外观或删除jquery根据浏览器宽度调整大小。救命啊！

我认为这是相关的代码：

$(window).resize(function(){
  resizeUI();
}); 
$(document).ready(function(){
  resizeUI();
});
// resize on page load AND window resize
function resizeUI(){
 if($(window).width() > 960){
 $('.top, #navmenu').css('position', 'fixed');
 $('#container').css('margin','0 0 0 50%');
 $('#container').css('left','-480px');
 }
 else{
 $('.top, #navmenu').css('position', 'absolute');
 } 
} ;

据我所知，它与校园中的所有计算机都将IE Document模式设置为IE7而不是IE9这一事实有关。如果可能的话，我需要一个解决方法！

Answer 1

从实时服务器访问站点时，检查IE是否在兼容模式下运行。在本地测试站点而不是部署版本时，我已经多次遇到过这种情况。