我使用相同的浏览器和相同的机器来查看页面。唯一不同的是,“服务器”。我使用.net 3.5和在我的开发环境的页面是使用ASP.net开发服务器。在Web服务器上,使用IIS 6.0提供页面。
我只有一个单一的CSS文件包含在“App_Themes / Default”文件夹,用于控制我的应用程序中的所有CSS。
这里有一些不显示相同的东西:
1)我有一个可折叠的面板控件,当扩展时应显示在所有其他页面元素的顶部。在开发环境中,它的行为正确。在Web服务器上,面板在其他元素下滑动。
2)我有我的元素定义了一个背景和一定的字体大小。当显示在我的开发环境中时,文本显示在一行上。但是,在Web服务器上,即使文本大小相同,文本也会包装。它就好像包含div以某种方式呈现“更小”。
3)没有固定宽度(因此宽度由按钮文本确定)的按钮的宽度在开发环境和Web服务器之间是不同的。服务器上的bottons总是更宽。
我检查以确保没有引用其他CSS元素在machine.config和全球web.config在服务器和我的开发环境。
我知道服务器正在从CSS读取,因为一般来说,它看起来类似(相同的颜色,背景,字体样式等)。这只是尺寸似乎是关闭和div的分层。
有没有人以前遇到这个问题?任何想法我可以找什么?
解决方法
If there’s no X-UA-Compatible value and site is in
Local Intranet security zone,it will be rendered
in EmulateIE7 mode by default.
参见http://sharovatov.wordpress.com/2009/05/18/ie8-rendering-modes-theory-and-practice/