CSS хак для Google Chrome

18-12-2010

Очередной супер короткий пост, который будет посвящен одному единственному хаку для браузера Google Chrome, относительно новый браузер, но уже успел полюбиться многим, особенно за скорость работы. Так вот на днях мне понадобился хак для Хрома, который был найден, и я решил им поделиться с народом :). Вот:

@media all and (-webkit-min-device-pixel-ratio:0) {
  /*здесь стили для хрома*/
}

Единственное надо отметить что этот хак будет также работать и на Safari, так как у них один движок. Именно под хром так и не нашел хак, кто обладает информацией о таком хаке пишем в комментарии :)

Володя2.26.2011 12:02
Спасибо огромное, перерыл кучу статей всё блин для хрома и файрфокса сразу идет и применяется, но этот действительно заставляет только хрому применить стиль.
Анатолий3.3.2011 05:03
хак работает но моя задача поднять блок вверх, так как в хроме он ниже чем в остальных браузерах и для этого я пишу значение margin-top: -50px а хром не понимает значений со знаком минус, как решить данную проблему?
    admin3.3.2011 06:03
    поставь для него position:relative; top:-50px; должно сработать
Julliet3.4.2011 09:03
у меня сработало в Опере, и ФФ
Julliet3.4.2011 09:03
сорри, просто кусок хака в другом месте нечаянно забыла убрать а так огромнейшее спасибо!
Николай3.29.2011 10:03
Спасибо.
Евгений9.28.2011 01:09
Спасибо, это мое спасение!
Slon10.7.2011 07:10
Спасибо! Я счастлив!!!
Евгений12.1.2011 03:12
Спасибо огромное! Решение для хрома помогло только от сюда. Все остальные, которые находил срабатывали и в FireFox.
Бахадыр12.23.2011 06:12
Спасибо! Помогло...
Seotop2.18.2012 06:02
У меня данный хак не работает... Не знаю в чем может быть дело... Вот, этот кусок именно для хрома должен работать - никак не могу заставить его отображать. ul.service-list { margin-top:80px; }
Seotop3.13.2012 11:03
да, parket-master.od.ua - сделал чуть чуть по-другому, работает...
Алексей6.1.2012 06:06
Огромное спасибо за инфу. Супер хоть и коротко.
Paladin6.5.2012 05:06
СПАСИБО ОГРОМНОЕ! ТЫ - ЧЕЛОВЕЧИЩЕ!!!
Игорь6.7.2012 08:06
подскажите пожалуйста...я новичек,куда этот хак вписывать ? ))
Андрей6.21.2012 12:06
Для примера, а то автор поленился )), но ему огромное спасибо! @media screen and (-webkit-min-device-pixel-ratio:0) { #right_col{height: 2419px;} }
LeXXs9.30.2012 07:09
Спасибо, помогло =)
Stranger11.18.2012 12:11
Огромное спасибо автору за пост и Андрею за разъяснение. Помогло.
roman12.14.2012 01:12
у меня див блок смещается в хроме вниз....поставил хак..но он не работает...@media all and (-webkit-min-device-pixel-ratio:0){ .info_2 { margin-top:-300px; position:relative; }}...правильно я хоть делаю
    dzantiev12.14.2012 01:12
    вроде правильно... попробуйте просто top:-300px; рас у вас position:relative;
roman12.14.2012 01:12
странно а почему в мозилле и в ie все нормально...а в хроме и safari два блока смещаются вниз...хотя первый блок...а их всего три...стоит на месте
roman12.14.2012 01:12
а icq для общения есть...или лучше здесь
roman12.14.2012 01:12
этот хак только для хрома....а для сафари...а то у меня в этих браузерах и прыгает блок
roman12.14.2012 01:12
я с украины....а ты...
    dzantiev12.14.2012 01:12
    я с России, но это не имеет к делу отношения никакого)) а что он не срабатывает для сафари? по идее должен сработать у них ведь движок 1.
roman12.14.2012 05:12
спасибо....с хромом получилось...но в сафари все равно блок смещается....что подскажешь по этому случаю...может прописать хак именно для сафари...не подскажешь какой лучше...для сафари
    dzantiev12.14.2012 06:12
    вот такие хаки для сафари можно попробовать
    body:first-of-type .class	 { color : #F00 ; }
    html:root*.class	 { color : #F00 ; }
    body:first-of-type .class	 { color : #F00 ; }
    body:first-of-type .class	 { color : #F00 ; }
    
roman12.14.2012 06:12
спасибо
roman12.14.2012 06:12
а какой для сафари лучше...а то во всех браузерах сейчас нормально...а в сафари немного блок сдвигается вниз
    dzantiev12.14.2012 06:12
    в принципе разницы нету. из того что скинул юзайте то что заработает.
roman12.14.2012 06:12
просто эти хаки сейчас я в сафари попробывал...но не реагирует...
roman12.14.2012 06:12
а если при просмотре в браузере блок сдвигается...что посоветуешь использовать...только хак...
    dzantiev12.14.2012 06:12
    нет я их вообще не рекомендую использовать. Только в крайнем случае. У вас с размерами что то не то скорее всего, вот так по описанию ничего больше не могу сказать.
roman12.14.2012 06:12
с размерами дивов...
roman12.18.2012 12:12
привет...не подскажешь..хочу установить слайдер на сайт...но картинки располагаются друг под другом...и не перелистывают...вроде все свойства пишу правильно...попробывал уже несколько слайдеров и одна и таже проблема
Евгений1.11.2013 09:01
Спасибо, постоянно ищу в гугл и нахожу на вашем сайте, надо бы наконец-то сохранить в txt :)
Илья2.25.2013 04:02
У меня проблема с нижним блоком на сайте, я его хочу разместить в самом низу страницы, опера и мазила работают так как надо, а хром оставляет полосу(под голубым блоком) http://scootertuning-kirov.ru пробовал хак: @media all and (-webkit-min-device-pixel-ratio:0) {div.footer {background: #007fff; padding: 30px; text-align: center; position: relative; bottom: 0px; }} не помогло.... Что может быть? помогите :)
    dzantiev2.25.2013 06:02
    у меня нет никакой полосы под голубым блоком..
Rip4.26.2013 05:04
Спасибо. Уже вторая статья на этом сайте которая мне помогла. Добавил в закладки
Botanical Slimming6.18.2013 04:06
CSS хак для Google Chrome
Анатолий9.15.2013 11:09
Ну хром-то настроить стили-то несложно... Но фишка в том, в других браузерах они собьются. Т.е. важно не поломать то, что уже настроено! Вот в этом-то и проблема, разделить настройки. Ведь каждый браузер выравнивает элементы по своему. У Оперы например округления другие... Из-за чего элементы слегка съезжают. Правда всего-лишь немного... Терпимо... А у хрома всё съезжает и сильно! Я не знаю более надёжного способа как стилевые скрипты коррекции в зависимости от браузера. Ну а эта фишка не работает. Вобщем хром ещё очень глючный. В нём уже всё повставляли, но нифига не сделали чтобы нормально работало. Думаю скорость это потому что много недоделок. После устранения всех багов хром не будет лучше мозилы... А пока погуглю ещё... Может чего найду полезного. Всё-таки не хочется писать ява скрипты... Это довольно муторное занятие! Вобщем при СССР бы всем приказали использовать скажем мозилу и никаких других браузеров. И проблемы все сразу бы разом решились. Мне вообще непонятна идея использования большого кол-ва браузеров... Я знаю с десяток наиболее упротребительных браузеров и у каждого свои особенности... Вобщем с появлением нового браузера проблемы только прибавляются... И когда это безобразие наконец закончится? Наверное когда капитализм падёт...
Bob10.24.2013 05:10
Спасибо! Долго ломал голову над версткой меню сайта, но, слава богу, нашел эту статью. Помогло!
ОСТАВИТЬ КОММЕНТАРИЙ