Question

我在页面上有一个div，其他浏览器上的按钮排列整齐但是在chrome上，它们正在倒下。我知道IE 7的明确黑客，就像* Margin，但不知道chrome.Is有一种方法在css中定义。我不想要条件语句来处理这个问题。我需要明确提到chrome的负像素边距来拉动按钮。

Answer 1

这个jQuery应该将class =“chrome”添加到文档的html元素中。

$(document).ready(function(){
 if (navigator.userAgent.indexOf('Mac OS X') != -1) {
      if (/chrome/.test(navigator.userAgent.toLowerCase())) { $('html').addClass('chrome'); }
 } else {

      if (/chrome/.test(navigator.userAgent.toLowerCase())) { $('html').addClass('chrome'); }
 }
});

然后您可以像这样定位div：

.div {
 margin-bottom: 10px;
}
html.chrome .div {
     margin-bottom: 20px;
}

Answer 2

这就像一个魅力

@media screen and (-webkit-min-device-pixel-ratio:0) { 
/* Safari and Chrome */
.act .now {
    margin: -14%  auto 0px;

}

/* Safari only override */
::i-block-chrome,.act .now {
    margin: 5% auto 0px;
}}

明确定义chrome中的Margin

2 个答案: