ciao volevo chiedervi una mano ho aggiunto una regola nel Custom CSS una regola che dovrebbe valere solo per chrome invece viene preso anche per firefox come mai?
qualcuno sa aiutarmi grazie in anticipo
/*codice css specifico per chrome e safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
.header-logo{ margin: -12px; }
}
Ciao Marco,
il media feature non standard -webkit-min-device-pixel-ratio:0 funziona da tempo anche su Firefox e Edge. Sono trucchi che non sono eterni .
Prova con altri trucchi (del 2015):
/* Chrome 29+ */
@media screen and (-webkit-min-device-pixel-ratio:0)
and (min-resolution:.001dpcm) {
.header-logo { margin: -12px; }
}
/* Chrome 28+, Safari 9+ */
@media screen and (-webkit-min-device-pixel-ratio:0) {
@supports (not (-ms-accelerator:true))
and (not (-moz-appearance:none)) {
.header-logo { margin: -12px; }
}
}
Ref.: https://jeffclayton.wordpress.com/2015/08/10/1279/
O ancora, solo per Chrome:
@media screen and (-webkit-min-device-pixel-ratio:0)
and (min-resolution: .001dpcm) {
.selector:not(*:root), .header-logo { margin: -12px; }
}
HTH,
Matteo
grazie gentilissimo ho risolto
ciao marco
Ciao Marco,
di nulla!
A beneficio della Community, ci dici quale scelta hai fatto?
HTH,
Matteo
@media screen and (-webkit-min-device-pixel-ratio:0)
and (min-resolution: .001dpcm) {
.selector:not(*:root), .header-logo { margin: -12px; }
}