【问题标题】:Does each browser render css differently?每个浏览器是否以不同的方式呈现 css?
【发布时间】:2014-08-20 14:28:46
【问题描述】:

我设计了一个页面并在 chrome 中进行测试。完成后,当我在 Firefox 中签入时,我注意到很少有不一致的地方。例如,让我感到惊讶的一件事是我制作的弹出窗口。我当时是这样的:

$('#login-pop-up').css('top','3200px');

它在 chrome 中显示良好,但在 firefox 中显示如下。我不知道那是什么意思?当我将top的属性设置为3200px时,为什么在测试机器相同的情况下它在Firefox中不保持不变。

每个浏览器呈现 css 的方式不同吗? top for firefox不会和chrome或opera一样?

【问题讨论】:

  • 每个实现都是不同的。每个浏览器都有错误。
  • “但在 Firefox 中它显示在下面”是什么意思?对于任何浏览器来说,3200 像素的最高值似乎都相差甚远。
  • @Alohci 有趣!
  • @j08691 我正在研究视差主题。
  • 你只是想知道浏览器是否以不同的方式呈现 css 吗?如果是,那么是的...这取决于使用的引擎...在这种情况下,FF 使用壁虎,而 chrome 现在使用闪烁。如果您想获得解决这些差异的帮助,您应该提供一个演示

标签: html css google-chrome firefox cross-browser


【解决方案1】:

这取决于文档中的相关元素。 CSS 是一个样式表,几乎所有浏览器都以相同的方式定位基本 CSS 属性。例如: position:absolute 指定了上边距和左边距(还指定了元素的宽度和高度)应该在不同的浏览器上返回相同的结果。


有一些内置的 CSS 属性,字体的颜色应该是黑色,输入框应该有 1px 的边框,bla bla..

来源:我

【讨论】:

    猜你喜欢
    • 2018-06-10
    • 1970-01-01
    • 2018-01-07
    • 1970-01-01
    • 2015-12-28
    • 1970-01-01
    • 1970-01-01
    • 2015-09-01
    • 1970-01-01
    相关资源
    最近更新 更多