Javascript Chrome和Safari阅读CSS的方式不同？

没想到我会这么说，但谷歌Chrome是相当烦人的

我正在尝试在网页上创建一个小图库，在Safari上它100%正确地显示了所有紧密的形状：

然而，当在谷歌浏览器上加载同一个页面时，它却非常偏离中心

不过，在我的iPhone上使用谷歌Chrome，一切都显示得很好

下面是javascript库的CSS表部分

#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#wrapper {width:725px; margin:50px auto; display:none}
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:720px; height:540px; padding:2px; border:1px solid         #ccc; background:#000}
#information {position:absolute; bottom:0; width:720px; height:0; background:#000;   color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:14px}
#information p {padding:0 8px 8px}
#image {width:720px}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(gallery/images/left.gif) left center no-repeat}
#imgnext {right:0; background:url(gallery/images/right.gif) right center no-repeat}
#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4;   filter:alpha(opacity=40)}
.linkhover {background:url(images/link.gif) center center no-repeat}
#thumbnails {margin-top:15px}
#slideleft {float:left; width:20px; height:81px; background:url(gallery/images/scroll-  left.gif) center center no-repeat; background-color:#222}
#slideleft:hover {background-color:#333}
#slideright {float:right; width:20px; height:81px; background:#222     url(gallery/images/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#333}
#slidearea {float:left; position:relative; width:675px; margin-left:5px; height:81px;  overflow:hidden}
#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}

我在iMac上查看这个网站，但在Windows上使用Firefox时它也会偏离中心，所以我可以在CSS表中重新格式化以跨浏览器工作吗

提前谢谢。 Luke

我建议使用样式表让浏览器以同样的方式查看它

链接到该样式表在链接到您自己的样式表之前，这可能会进行一些更改，但是您可以尝试使用它，然后在所有浏览器中都应该是相同的

---

还有一个很好的技巧是检查浏览器是否支持您正在使用的css。

谢谢大家的回复。 我会张贴现场链接，但它不是现场只有在当地

不过，我已经解决了这个问题

对于任何看到这一点并需要帮助的人，请点击此处：

#image img {position:absolute; z-index:25; width:auto}

加入左：0；排名：0to命令img在父div的拐角处对齐

所以，现在是排队的时候了

#image img {position:absolute; left:0; top:0; z-index:25; width:auto}

---

再次感谢大家。

这是我可以看一看的地方吗？只有CSS是不够的。发布HTML并创建JSFIDLE。您是否尝试过在Chrome上清除缓存？有时会变得有点“粘”。值得通过inspector（[cmd]+[alt]+[i]）检查加载的css是否与您认为应该加载的css匹配。由于苹果的限制，iDevices上的Chrome实际上是Safari Mobile（可能禁用了某些功能）。如果你能提供一个链接或者更好的链接，这样人们就可以结帐了，那就太好了。