【问题标题】:Is it possible IE8 will render CSS differently in Windows 7 vs Windows XPIE8 是否有可能在 Windows 7 和 Windows XP 中呈现不同的 CSS
【发布时间】:2011-03-29 22:36:42
【问题描述】:

完全糊涂了。 在工作中,我有一台旧的 Windows XP 机器(我别无选择),在它上面我有 IE8。 我的老板有一台装有 Windows 7 和 IE8 的笔记本电脑。

我有一个带有 IElegacy CSS 的工作原型网站,它对 CSS 做了一些技巧,以使某些东西在我的 Windows XP IE8 中工作。这些技巧很小,主要是间距问题。 (是的,我知道,我仍然不喜欢这样做,但有时你别无选择。)

但是,ielegacy.css 中的所有内容以及其他一些间距问题在我老板的 Windows 7 IE8 机器上都出错了,而且完全不稳定。 (就像数据从表格中包含的单元格中溢出一样!这怎么可能 - 它是一个表格)。

我不知道如何解决这个问题。

所以我问集体...... IE8 是否有可能在不同版本的 Windows 上做不同的事情?还是这里发生了其他事情?

如果是这样,有什么想法可以调整吗?

另外,如果是这样,现在就杀了我:)

谢谢 京东

PS - 我没有比较屏幕抓取.. 我会尝试获取一些。

更新 - 谢谢大家 - 兼容性视图是罪魁祸首。我完全忘记了。 (我只使用 IE 进行测试)。每个人都有很好的故障排除想法,我同意,我没有提供足够的信息。 (仅供参考,字体是标准的 MS Arial,因为我需要完整的 UTF-8,我不需要完美像素……)。我很感激! 现在我只需要让兼容性视图和非兼容性视图匹配 - 这应该不会太难。我只需要了解发生了什么。干杯!

【问题讨论】:

  • 听起来 IE8 在 Win XP 和 Win 7 上的行为不太可能有所不同。"some other spacing issues go all wrong and totally wonky" - 您需要对此进行扩展,这些屏幕截图会有所帮助。可能还有其他问题在起作用。
  • 也许他的浏览器设置为兼容模式之类的,并且呈现为 IE7。
  • 如果你的布局需要像素完美,每个平台的字体渲染可能是个问题。
  • 完全同意 @thirtydot 的观点,即您提供的信息如此之少,与您的 CSS 和使用/可用的字体有关。

标签: css internet-explorer-8


【解决方案1】:

您是否检查过其中一个浏览器是否处于兼容模式而另一个不处于兼容模式?

如果您使用 Internet Explorer 开发工具栏(我相信快捷键是 F12),您还可以更改 IE 用于呈现网站的引擎,使其呈现不同的方式。

【讨论】:

  • 好电话,我认为兼容性视图是罪魁祸首。忘了这一切。那么我该如何解决呢? ..打开兼容性视图...我的旧样式表'有点'工作...设置旧样式表仅适用于IE 7或更早版本?那是兼容模式正在模拟的吗?再次感谢..
【解决方案2】:

阅读其余的 cmets/answers 后:

您可以通过以下方式修复它:

  • 让您的网站在 IE7 中运行,因为这就是兼容模式“模拟”的内容。理想情况下,您的网站应该在 Internet Explorer 7 中运行,因为它仍然被一小部分用户使用。
  • 找出为什么您的网站有时会随意处于 IE7 模式。您的网站应该在 IE8 中始终处于 IE8 模式
  • 相当复杂,请参阅:http://hsivonen.iki.fi/doctype/#ie8modes
  • 一个简单的解决方法是添加这个元标记:

    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    

    这应该(几乎)始终强制使用最新的 IE 浏览器模式,如果可用,则使用 Chrome Frame

【讨论】:

  • 谢谢,我会调查的。澄清一下 - 该网站确实在 IE7 和 6 中工作,我同意它必须工作 - 从服务器日志中我知道我的大部分用户实际上确实使用 7 和 6,所以我总是测试他们。我遇到的问题是用于表管理的 jQ 插件,然后只有一些小事情 - 放置一些不起作用的定位/浮动图形(同样旧,在处理 IE 时同样旧)。所以 99% 的网站都很好。这只是我想要排队的小事。再次感谢。
【解决方案3】:

在所有其他条件相同的情况下,IE8 在 XP 和 Windows 7 上的呈现应该相同。更可能是可访问性设置、缓存、缺少字体、屏幕分辨率和/或插件导致差异。

【讨论】:

    【解决方案4】:

    在阅读您对 user681919 的回答后:

    你的代码中有这样的东西吗?

    <meta http-equiv="X-UA-Compatible" content="IE=7" />
    

    这种强制在 IE7 中渲染页面

    或者可能是您的浏览器处于怪异模式(当您在 HTML 中出现错误并且无法正确呈现时,它会切换到“安全模式”呈现) 这里有更多细节:http://www.quirksmode.org/css/quirksmode.html

    【讨论】:

      猜你喜欢
      • 2012-02-15
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2011-12-23
      • 2012-02-08
      • 1970-01-01
      相关资源
      最近更新 更多