Bonjour à tous,
Je m'aperçois d'un truc désagréable avec la dernière mise à jour de
Firefox.
Prenez par exemple https://63f09.systella.fr
Le site est correctement affiché par Chromium, Seamonkey, Firefox jusqu'à la version 134.0 incluse. La version 135.0 de Firefox se
comporte comme si la navigation provenait d'un smartphone avec une résolution d'écran délirante. J'ai bien vérifié que les paramètres dpi étaient par défaut (-1).
Le fichier responsive css comporte ce genre de chose :
@media screen and (max-resolution: 96dpi)
{
.nav3-grid
{
width: 200px;
/*border-bottom: solid 1px [(#ENV{mfx_c200})];*/
}
}
@media screen and (min-resolution: 97dpi) and
(max-resolution: 192dpi)
{
.nav3-grid
{
width: 400px;
/*border-bottom: solid 1px [(#ENV{mfx_c200})];*/
}
}
@media screen and (min-resolution: 193dpi)
{
.nav3-grid
{
width: 600px;
/*border-bottom: solid 1px [(#ENV{mfx_c200})];*/
}
}
Il faut obligatoirement utiliser la résolution et non le nombre de pixels parce que les smartphones trichent sur le nombre de pixels.
Ma question est donc double :
- est-ce un bug de Firefox ou une évolution des standards ? J'ai l'impression que Firefox balance au serveur une résolution de 192 dpi.
- si c'est une évolution, par quoi remplacer la directive de résolution ?
Merci de vos lumières,
JB
Debian Bookworm: Chromium 134 et Firefox ESR 128 ont le même
comportement que tu décris.
Ma version Firefox est 128.7 installée par Debian avec apt upgrade.
Comment obtenir la dernière version 135 ?
Ma version Firefox est 128.7 installée par Debian avec apt upgrade.
Comment obtenir la dernière version 135 ?
Merci.
Le 09/03/2025 à 10:59, BERTRAND Joël a écrit :
Il faut obligatoirement utiliser la résolution et non le nombre de
pixels parce que les smartphones trichent sur le nombre de pixels.
C'est normal, ils présentent les pixels CSS et non pas les pixels physiques.
Les directives CSS media-queries resolution sont faîtes pour gérer des médias (images surtout) différentes suivant la résolution d'écran mais pas normalement pour gérer l'affichage. En particulier, ça risque de
mettre un joli merdier avec tous les écrans modernes qui sont HDPI (les
4K, voire 5K)
Là , j'écris depuis un 27" en 4K avec un réglage intermédiaire qui le place à 160DPI environ. Plus fin que certains smartphone
Les écrans présentent une résolution "humaine" pour les pages web, qui n'est pas le nombre de pixel physique du périphérique, mais des pixels virtuels que le téléphone gère.
Bref, les guides sur les responsive insistent sur l'utilisation de
min-width et max-width, mais évitent min-resolution et max-resolution
Voir par exemple l'implémentation SASS de bootstrap
Bonjour à tous,
Je m'aperçois d'un truc désagréable avec la dernière mise à jour de
Firefox.
Prenez par exemple https://63f09.systella.fr
Le site est correctement affiché par Chromium, Seamonkey, Firefox jusqu'à la version 134.0 incluse. La version 135.0 de Firefox se
comporte comme si la navigation provenait d'un smartphone avec une résolution d'écran délirante. J'ai bien vérifié que les paramètres dpi étaient par défaut (-1).
Le fichier responsive css comporte ce genre de chose :
@media screen and (max-resolution: 96dpi)
{
.nav3-grid
{
width: 200px;
/*border-bottom: solid 1px [(#ENV{mfx_c200})];*/
}
}
@media screen and (min-resolution: 97dpi) and
(max-resolution: 192dpi)
{
.nav3-grid
{
width: 400px;
/*border-bottom: solid 1px [(#ENV{mfx_c200})];*/
}
}
@media screen and (min-resolution: 193dpi)
{
.nav3-grid
{
width: 600px;
/*border-bottom: solid 1px [(#ENV{mfx_c200})];*/
}
}
Il faut obligatoirement utiliser la résolution et non le nombre de pixels parce que les smartphones trichent sur le nombre de pixels.
Ma question est donc double :
- est-ce un bug de Firefox ou une évolution des standards ? J'ai l'impression que Firefox balance au serveur une résolution de 192 dpi.
- si c'est une évolution, par quoi remplacer la directive de résolution ?
Merci de vos lumières,
JB
Ma version Firefox est 128.7 installée par Debian avec apt upgrade.
Comment obtenir la dernière version 135 ?
Merci.
ajh V.
Bonjour
Depuis des années j'ai sur tous mes sites un meta viewport à qui
j'attribue un rôle de formule magique pour partir sur de bonnes bases en affichage tout écran :
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
Est-ce nécessaire dans le cas qui nous intéresse ?
Le 09/03/2025 à 14:19, BERTRAND Joël a écrit :
Sinon, plutôt que d'utiliser un dépôt Sourceforge pour Ubuntu, pourquoi
ne pas utiliser, sous Boookworm (je suppose, sinon, sous Testing et
Unstable tu as les paquets Debian de Firefox "normal" (non-ESR)),
pourquoi ne pas utiliser le dépôt upstream Mozilla comme indiqué par le lien qu'a donné Hervé Guilbert (aussi mentionné dans le wiki Debian sur Firefox)?
debian-user-french@eml.ovh a écrit :
Bonjour
Depuis des années j'ai sur tous mes sites un meta viewport à qui
j'attribue un rôle de formule magique pour partir sur de bonnes bases en
affichage tout écran :
<meta name="viewport" content="width=device-width, initial-scale=1.0,
shrink-to-fit=no">
Est-ce nécessaire dans le cas qui nous intéresse ?
Bonsoir,
Je ne saisis pas bien.
Là , le problème tourne autour de @media screen and (min-resolution: 97dpi). Je viens de tester avec min-width et max-width mais ça ne donne
pas le bon résultat avec les smartphones qui annoncent pour certains des tailles multipliées par 2 ou 4...
NoSpam a écrit :
Debian Bookworm: Chromium 134 et Firefox ESR 128 ont le même
comportement que tu décris.
L'affichage correct sur machine de bureau contient un menu horizontal "CPU 63F09/SoC 63F09/Assembler/Files" et deux colonnes pour le texte
plus bas.
J'ai testé :
Chromium 133.0.6943.126 : OK
Chromium 143.0.6998.35 : OK
Seamonkey 2.53.20 : OK
Firefox 134 : OK
Firefox 135 : KO (on est en affichage smartphone même sur une machine de bureau. Le menu horizontal saute, les caractères sont beaucoup plus
gros et il n'y a plus qu'une colonne).
Debian Bookworm: Chromium 134 et Firefox ESR 128 ont le mêmeAvec un peu de retard
comportement que tu décris.
Le 09/03/2025 à 10:59, BERTRAND Joël a écrit :
    Bonjour à tous,
    Je m'aperçois d'un truc désagréable avec la dernière mise à jour de
Firefox.
    Prenez par exemple https://63f09.systella.fr
    Le site est correctement affiché par Chromium, Seamonkey, Firefox >> jusqu'à la version 134.0 incluse. La version 135.0 de Firefox se
comporte comme si la navigation provenait d'un smartphone avec une
résolution d'écran délirante. J'ai bien vérifié que les paramètres dpi >> étaient par défaut (-1).
    Le fichier responsive css comporte ce genre de chose :
@media screen and (max-resolution: 96dpi)
{
    .nav3-grid
    {
        width: 200px;
        /*border-bottom: solid 1px [(#ENV{mfx_c200})];*/
    }
}
@media screen and (min-resolution: 97dpi) and
        (max-resolution: 192dpi)
{
    .nav3-grid
    {
        width: 400px;
        /*border-bottom: solid 1px [(#ENV{mfx_c200})];*/
    }
}
@media screen and (min-resolution: 193dpi)
{
    .nav3-grid
    {
        width: 600px;
        /*border-bottom: solid 1px [(#ENV{mfx_c200})];*/
    }
}
    Il faut obligatoirement utiliser la résolution et non le nombre de >> pixels parce que les smartphones trichent sur le nombre de pixels.
    Ma question est donc double :
- est-ce un bug de Firefox ou une évolution des standards ? J'ai
l'impression que Firefox balance au serveur une résolution de 192 dpi.
- si c'est une évolution, par quoi remplacer la directive de résolution ? >>
    Merci de vos lumières,
    JB
| Sysop: | Keyop |
|---|---|
| Location: | Huddersfield, West Yorkshire, UK |
| Users: | 497 |
| Nodes: | 16 (2 / 14) |
| Uptime: | 09:31:39 |
| Calls: | 9,781 |
| Files: | 13,748 |
| Messages: | 6,187,166 |