css - 仅针对 CSS Mac 上的 Firefox

Question

我的编码有一些对齐问题。在 Windows 中，所有浏览器似乎都可以。但是当我在 Mac firefox 中检查它时，对齐并不完美。我可以通过稍微更改值来修复它。但它应该只适用于 Mac 上的 Firefox。

是否有任何 CSS 属性或其他东西？

示例:http://jsfiddle.net/9chk5/

.notes {
display: inline-block;
position: relative;
width: 16px;
height: 16px;
margin: 0 auto;
background: #abc;
}

.search-notes {
font-size: 14px;
color: #484848;
position: relative;
top: -20px;
margin: 0 25px 0 22px;
}

和 HTML

<div class="notes" style="top:2px"></div><div class="search-notes">This link is used to get information about the visitors from the google organic search. This link is used to get information about the visitors from the google organic search. This link is used to get information about the visitors from the google organic search. This link is used to get information about the visitors from the google organic search. </div>
    </div>

Answer 1

您可以使用类来实现您想要的。嗅出用户的浏览器和操作系统，并为您的具体情况添加一个类。例如。如果用户在 Mac 上使用 Firefox，则将 macFirefox 类应用于正文，然后在 CSS 中使用 .macFirefox .yourClass {/*CSS rules*/}。

然而，以跨浏览器的方式应用样式会更好。

例如，在您的特定情况下，将样式更改为

.search-notes {
    font-size: 14px;
    color: #484848;
    position:absolute;
    display:inline;
/*  position: relative;
    top: -20px;
    margin: 0 25px 0 22px;  */
}

应该可以解决问题。

Updated your fiddle