powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Атрибут "специально для Chrome"
5 сообщений из 5, страница 1 из 1
Атрибут "специально для Chrome"
    #37902461
Фотография OracleLover
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Всем доброго вечера

есть у меня один margin, который выглядит так

{
...
margin: 0px 0px 7px 0px;
}

Во всех браузерах в итоге элемент выглядит нормально, в хроме криво - ему надо чтобы было

{
...
margin: 0px 0px 6px 0px;
}

Как бы сделать так чтобы в css появилось условие что если это chrome то один стиль, если все остальное - то другой?
...
Рейтинг: 0 / 0
Атрибут "специально для Chrome"
    #37902493
zolitude
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
OracleLover,

для всех:
Код: css
1.
2.
3.
4.
.my-class{
...
margin: 0px 0px 7px 0px;
}



для chrome:
Код: css
1.
2.
3.
4.
body:nth-of-type(1) .my-class{
...
margin: 0px 0px 6px 0px;
}
...
Рейтинг: 0 / 0
Атрибут "специально для Chrome"
    #37902512
Фотография OracleLover
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
чот не фурычит - в смысле firefox тоже цепляет именно этот стиль с body:nth-of-type(1)
...
Рейтинг: 0 / 0
Атрибут "специально для Chrome"
    #37902517
Фотография OracleLover
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
но по вашей навоТке нагуглил следующий вариант, если стиль заворачивать в

Код: css
1.
2.
3.
4.
5.
6.
@media screen and (-webkit-min-device-pixel-ratio:0) {
{
...
margin: 0px 0px 7px 0px;
}
}



То работает как надо
...
Рейтинг: 0 / 0
Атрибут "специально для Chrome"
    #37902526
zolitude
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
OracleLoverчот не фурычит - в смысле firefox тоже цепляет именно этот стиль с body:nth-of-type(1)

вот так вроде не цепляет:

Код: css
1.
2.
3.
4.
5.
@media screen and ( -webkit-min-device-pixel-ratio : 0 ) {
  .my-class {
    margin: 0px 0px 6px 0px;
  }
}
...
Рейтинг: 0 / 0
5 сообщений из 5, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Атрибут "специально для Chrome"
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]