目标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

您可以使用类来实现您想要的.嗅出用户的浏览器和操作系统,并为您的特定情况添加一个类到正文.例如macFirefox,如果用户在Mac上使用Firefox,则将类应用于body,然后在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;  */
}

应该做的伎俩.

更新你的小提琴