一个像素在Firefox和Chrome中有所不同

Question

我已经尝试了很多来解决它但无法解决，Chrome和firefox中有一个像素不同

.lside,.rside{
 position: absolute;
 top:22.8rem;
 width: 60px;
 padding: 0;
 margin: 0;
 }

.lside{
 background: url(../img/sideL.png) no-repeat;
 height: 120px;
 left: -20px;
 }

.rside{
 background: url(../img/sideR.png) no-repeat;
 height: 120px;
 right: -60px;
 }

Firefox和Chrome中的一个像素不同

Answer 1

网页在不同浏览器中的呈现方式总是不同。因此，不同浏览器的位置可能不同。我不知道任何解决方法。我无法对你的帖子发表评论，因为我没有太多的声誉。这就是为什么我发布这个作为答案的原因。您可以尝试使用firefox css hack解决此问题，但我不确定它是否能解决您的问题。

@-moz-document url-prefix() { 

  } 

将您的代码放入此代码段并尝试或尝试css重置并检查您是否包含在yur html文件中

<meta name="viewport" width="device-width">