[Résolu] Target chrome on android

Salut

Pour faire suite à ça : https://forum.alsacreations.com/topic-4-89374-1.html
Ayant lu à de multiples reprises qu'il n'était pas possible de viser spécifiquement android en CSS, comme j'ai une solution pour firefox, je cherche à cibler chrome sur android.
Est-ce que la solution suivante marcherait ? :
- cibler chrome avec

@media (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm)

- couplé à la détection d'un device tactile :

and (pointer:coarse)

=>

@media (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) and (pointer:coarse) .h3 { font-size: 82%; }

Modifié par kerlutinoec (25 Mar 2022 - 14:58)

Salut

Malheureusement pas sûr que tu puisses :

par exemple avec
@media (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm)

là tu target la densité de pixels et certains smartphone vont surement géré les vendor du navigateur au lieu.
Modifié par JENCAL (25 Mar 2022 - 15:03)

Bon au final il semble tout à fait possible de cibler chrome sur android en combinant des @media, des @supports et des not...

J'ai toutefois décider de faire la même chose sur les principaux browsers android.
Et j'ai ciblé tous les écrans tactiles avec

@media (pointer:coarse)

puis en excluant Safari (seul moteur de rendu sur iPhone) avec

@supports not (-webkit-touch-callout:none)

Ce qui donne

@media (pointer:coarse) { @supports not (-webkit-touch-callout:none) { .h3 { font-size: .82em; } } }

Ca a l'air de marcher.