Я ищу способ использовать только хром-браузеры в пределах mixin в scss.Targeting chrome not safari scss
@mixin {
&:after {
border-bottom:black;
@media screen and (-webkit-min-device-pixel-ratio:0) { border-bottom: red; }
}
}
В настоящее время это касается как сафари, так и хрома.
Там нет особой хак для CSS в одиночку в то время как вы можете изменить CSS сафари
ДЛЯ WebKit
@media screen and (-webkit-min-device-pixel-ratio:0) {
.class{color:red;}
}
Safari только переопределить
::i-block-chrome,.class {
color:blue;
}}
не уверен, как это будет работать с mixin, поскольку я не использую его еще в определенном классе –
Если вы ищут медиа-запрос, версии Chrome теперь можно разделить. Некоторое время назад я создал это из исследования комбинаций, пока не нашел способ, который будет работать. Я отправил его несколько месяцев назад на browserhacks.com (я тестирую их). Chrome 29+ можно настроить с помощью медиа-запросов. В это время она тестировалась работает во всех современных версиях Chrome даже развитие и Канарские версии до версии 40.
Попробуйте это вместо медиа-запрос Chrome + Safari встроен в Mixin:
@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
border-bottom: red;
}
есть живые тесты я разместил, а для этого и другие, с которыми я работал или созданные здесь:
Попробуйте это:
@supports (-webkit-appearance:none) {}
CSS в фигурных скобках выполняется только в том случае, если ваш браузер поддерживает веб-кит (Chrome).
Browserhacks является большим ресурсом для «браузера конкретного CSS и JavaScript писаки»
Обратите внимание, что вы не должны добавлять объявления непосредственно в '@ media' блока, вы должны использовать селектор CSS в первый. –
Зачем вам нужно настроить Chrome, а не Safari? Необходимость ориентироваться на конкретные браузеры почти наверняка является признаком плохого дизайна/реализации. – cimmanon