明确定义在铬边框

我在页面上有一个div，其他浏览器上的按钮整齐地放置，但在铬上，他们正在倒下。我知道IE 7的显式攻击就像* Margin，但不知道chrome.Is有一种方法可以在css中定义。我不想要条件语句来解决这个问题。我需要明确地提到铬的负像素边缘以拉动按钮。明确定义在铬边框

来源

2013-12-16 sam

也许你的问题是你的CSS，而不是Webkit的。 –

这个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; 
}

来源

2013-12-16 13:13:54 NuclearApe

感谢这位队友......但我不得不这样做只是用CSS ...请看下面看看是什么让它在CSS中工作。 – sam

这个工作就像一个魅力

@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; 
}}

来源

2013-12-16 13:34:47 sam

明确定义在铬边框

回答

相关问题