【问题标题】:Positioning in IEIE中的定位
【发布时间】:2013-04-27 16:16:10
【问题描述】:

在创建网站时,我注意到 IE 的放置方式与 Chrome 或 Firefox 略有不同。

我的意思是我在另一个之下有一个东西,在 Firefox 和 chrome 中它们之间有 15px 的空间。但在 Ie 中,它更像是 25px。我一直在阅读有关为所有浏览器设计的内容。但是我该怎么做,因为如果我让它在一个浏览器中看起来正确,它在另一个浏览器中总是不同的。

我会移动它以适应 IE 吗?因为那样它在 Chrome 中会看起来不对。

【问题讨论】:

  • 这里没有真正需要回答的问题。如果您希望它在 IE 中工作,您将继续配置您的代码以在 IE 中工作。如果有特定情况您无法为 IE 修复,请将其发布在 Stack Overflow 上并附上代码副本,我们可以为您提供帮助。
  • 使用类似 normalize.css 或 reset.css(谷歌这些)的东西来让浏览器表现相似

标签: html internet-explorer google-chrome firefox


【解决方案1】:

首先欢迎来到网络开发!

你可以做的是加载一个“条件样式表”,它只会在 IE 中加载,

来自 CSS-Tricks 的 Chris Coyier 很好地解释了这一点,所以请看这里 http://css-tricks.com/how-to-create-an-ie-only-stylesheet/

这应该可以帮助您,但要让所有内容都跨浏览器兼容是一项棘手的任务,但并非不可能,只要坚持下去,您就会到达那里。

祝你好运!

【讨论】:

    【解决方案2】:

    您可以不断调整您的代码,直到它看起来适合所有浏览器

    另一种选择是为 IE 提供单独的样式表。这也允许您为 IE 进行设计,但您需要记住,您有 2 个样式表,并且在您对网站进行更改时需要同时处理这两个样式表

    【讨论】:

      【解决方案3】:

      尝试首先在样式表中使用 css 重置。重置将自定义您可以根据需要定义的所有属性。 css 重置的主要目的是实现对所有属性的完全控制并为浏览器定义通用行为。调整会有所帮助,但从长远来看,必须实施平衡的解决方案才能使主要事情顺利进行。

      以下是您可以使用的一些流行的 CSS 重置。

      1. Eric Mayer Reset
      2. Yahoo Reset

      希望这会有所帮助。

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 2010-12-15
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多