явно задает маржу в хроме

У меня есть 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

явно задает маржу в хроме

ответ

Смежные вопросы