Firefox和Chrome / Safari之间的边距差异 [英] Margin Discrepancies between Firefox and Chrome/Safari

问题描述

这个第一张图片是左侧的连结，如下图所示，和底部表格之后的文本行应如下所示：

如何在Safari / Chrome中查看网页

如您所见，链接与矩形firstgenis group标志。

这是它的外观firefox

正如你所看到的，链接在左边有点拉长，因此以某种方式使底线向下移动一点。 p>

我发现问题是一个margin-top：1px;我给了链接集合中的每个链接（家，关于我们，产品，联系人），似乎firefox使得1px的边缘比Safari或Chrome大得多，并扭曲它。

我尝试加入通用标记

• {margin：0; padding：0; border：0;}

但它似乎没有帮助。任何想法如何解决这个在firefox？
这是实际的链接：www.snowwhitepowers.com/genesis

解决方案

这是关于不同的浏览器如何渲染不同的字体。 （你会注意到，Verdana例如被两个人很好地呈现）

I seem to have a slight issue with some spacing in between my lines between Firefox and Safari/Chrome.

This first image is how the links on the left, and the line of text after the table on the bottom are supposed to look like:

How webpage looks in Safari/Chrome

As you can see, the links are lined up well with the rectangle "first genesis group" logo.

This is how it looks in firefox

As you can see, the links are a bit stretched vertical on the left, thus somehow causing the bottom line to shift downwards a little.

I found the issue being a margin-top:1px; that I gave to every link in the set of links (home, about us, products, contact), and it seems that firefox is making that 1px margin much bigger than Safari or Chrome and distorting it.

I tried putting in the universal tag

• { margin:0; padding:0; border:0;}

But it doesn't seem to be helping. Any ideas how to fix this in firefox? Here's the actual link: www.snowwhitepowers.com/genesis

解决方案

It is about how different browsers render different fonts. (You'll notice that Verdana for example is rendered well by both of them)

这篇关于Firefox和Chrome / Safari之间的边距差异的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！