Pour améliorer la lisibilité d’un site ancien, j’ai souhaité utiliser les clauses -moz-transform: scale(1.15); -moz-transform-origin: center top; dans ma feuille de style principale.
Cela marche à merveille sur mon localhost de dev, mais est ignoré sur mon site de prod (firebug montre que ces lignes CSS sont absentes).
Y’a t’il une mécanisme qui expliquerait cela et un réglage qui pourrait aller à l’encontre.
Merci d’avance et désolé pour ce qui est probablement un hors-sujet
URL ?
Mag - Rictus.info Ça ne te montrera rien, puisque la version en ligne ne prend pas en compte webkit-transform. Il y a sans doute un réglage qui fait ce que ce genre de clause (peu compatible) est omise. L’idée serait d’obtenir l’équivalent de la mise à l’échelle à 115%.
Dans habillage.css , j’ai
body { margin:0 auto; padding:0; text-align:center; font-size:80%; font-weight:normal; font-family:Aller_Rg, helvetica,arial,sans-serif; transform: scale(1.15); transform-origin: center top; -moz-transform: scale(1.15); -moz-transform-origin: center top; -o-transform: scale(1.15) ; -o-transform-origin: center top; -webkit-transform: scale(1.15); -webkit-transform-origin: center top; -ms-zoom: 1.15;
et toutes les clauses transform sont ignorée sur mon site de prod
https://rictus.info/squelettes/habillage.css ne contient pas du tout le code que tu indiques.
Donc, la conclusion qui s’impose, c’est que tu n’as pas uploadé le fichier modifié…
Désolé de mon approximation, mon test concerne un site de dev (local) et la version http://beta.rictus.info.
Le code est bien présent sur la version de dev du site, mais omise à l’affichage, probablement par un mécanisme de protection dont je ne sais pas comment le déterminer (et désactiver éventuellement).
Le jeudi 21 avril 2022 à 20:30 +0000, RealET via Discuter de SPIP a écrit :
https://rictus.info/squelettes/habillage.css ne contient pas du tout le code que tu indiques.
Donc, la conclusion qui s’impose, c’est que tu n’as pas uploadé le fichier modifié…
Voir le sujet ou répondre à ce courriel pour répondre.
Pour vous désabonner de ces courriels, cliquez ici.
Ben oui, quand on te demande l’url, c’est l’url où pouvoir constater le problème.
En l’occurrence, testé avec la version développeur de Firefox, ça marche.
Et tu n’aurais besoin, aussi bien avec Chrome que FireFox que de :
transform: scale(1.15);
transform-origin: center top;
qui sont devenus standards :
PS : pour vérifier que ça marchait, je n’ai eu qu’à décocher les propriétés CSS dans la console de dev pour voir la taille du site diminuer.
Oui, je constate aussi via la console, mais je ne comprends pas pourquoi ces style sont omis (par quel mécanisme et comment contrecarrer cette omission).
Va falloir que tu définisses « omis ».
Parce que là, le style voulu est appliqué (la page est zoomée).
Alors, je viens d’installer chromium et je constate que le zoom a lieu comme tu le dis. Par contre dans firefox le zoom a lieu pour le site en local, mais pas pour le site sur le serveur de prod. Comment une telle différence est-elle possible, je l’ignore
Chez moi, le zoom se produit sur ton site de test.
Effectivement un problème de cache, que pourtant j’étais convaincu d’avoir vidé. Désolé et merci de m’avoir aidé à débusquer cela.