Bonjour,
j’ai fait un site pour des amis d’une association locale. Comme la diffusion est réduite, les problèmes que j’ai créés sur mon site ne sont pas "graves" (c’est pas le site d’une multinationale, quoi) Il n’y a donc aucun besoin urgent, mais ça m’ennuie moi personnellement, alors je creuse un peu. le problème est de ma faute : J’ai fait le site sur un PC, en le pensant pour afficher sur un PC, et franchement nikel. Mais si on passe sur mobile… beurk beurk beurk ! Le site rend quand même bien si je coche dans le navigateur "version pour ordinateur". Ou disons que c’est moins pire, que tout reste lisible, et que le texte ne sors pas des cadres. J’ai donc cherché un moyen de forcer cette affichage en version mobile. Stack Overflow m’a donné la réponse : remplacer
<meta name="viewport" content="width=device-width, initial-scale=1.0">
par
<meta name="viewport" content="width=1024">
J’ai bien le résultat escompté, mais je ne le comprends pas, et la doc de Mozila ne m’aide pas. Qui est 1024 ? Pourquoi 1024 ? Quelle est l’unité de 1024 ? Mozila dit des pixels, mais mon smartphone a 1440 pixels de long, mon PC de développement 1920, et mon PC fixe 3840 : it works heaventhly, donc je suis perplexe. Même l’explication de "Un pixel n’est pas un pixel" me laisse bof bof car pour l’écran 4K, on a quand même un rapport 3.75 avec les 1024 pixels.
Pouvez-vous m’expliquer ce que j’ai fait exactement ? merci.
edit : Je pourrai demander sur stack overflow directement, mais pas envie de up un sujet de 7 ans, et j’aime la baguette et le fromage.