浏览器渲染不同

时间:2013-10-10 19:17:31

标签: css html5 google-chrome firefox safari

我无法使用Safari和Firefox来渲染我的CSS,就像在Chrome和Webkit中一样。

我正在建立一个显示一些图片的网站,当点击其中任何一个时,会从该图片后面展示一些文字和拇指。

我正在通过更改父对象的类来移动一些子节点来使用CSS转换,但我确信这不是问题。

Here you can try and see how it works. 尝试调整页面大小以查看它的反应....

正如在Chrome / Webkit中看到的那样,即使在“打开”div之后,它也会尊重页面的总宽度,侧面文本也不会高于左侧的图像,而底部的拇指总是高于图像。

在Safari或Firefox中,不会呈现这些行为。我尝试了一些“!important”规则和“RESET.CSS”,但我找不到让它在每个浏览器上以相同方式呈现的方法。

我正在尝试仅在没有其他选项的情况下使用Javascript ...

有没有人有线索?

提前感谢。

2 个答案:

答案 0 :(得分:0)

.cont_foto img { width: 100% !important; }

如果我理解正确,那可以让你更接近你想要的地方。

答案 1 :(得分:0)

好的,固定的......

神秘的解决方案是:

.cont_texto{
    display: block;
    height: 0;
}

怪异