CSS在Web服务器上的呈现方式与开发环境不同

前端之家收集整理的这篇文章主要介绍了CSS在Web服务器上的呈现方式与开发环境不同前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有这个问题,我在我的开发环境中创建的Web应用程序,显示不同的我上传到Web服务器。

我使用相同的浏览器和相同的机器来查看页面。唯一不同的是,“服务器”。我使用.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的分层。

有没有人以前遇到这个问题?任何想法我可以找什么?

解决方法

看起来你正在比较它们在Internet Explorer 8中。微软为本地和互联网服务器引入了不同的渲染模式,这样Web开发人员就会崩溃。

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.

添加X-UA兼容的头或Meta强制完全IE8标准模式。

参见http://sharovatov.wordpress.com/2009/05/18/ie8-rendering-modes-theory-and-practice/

原文链接:https://www.f2er.com/css/222861.html

猜你在找的CSS相关文章