forcer les navigateurs a zoomer ou dézoomer

forcer les navigateurs a zoomer ou dézoomer - HTML/CSS - Programmation

Marsh Posté le 09-09-2012 à 22:27:14    

Bonjour a tous,
 
Je m'arrache les cheveux a propos de ce problème (bien que google soit mon ami ;) )  
 
Je suis sur un site internet depuis bientôt 2 mois et les choses avançaient bien jusqu'a ce que le client trouve que le site était trop "gros" il préférerait un rendu comparable a ce que donne son firefox quand il regle le zoom a 80%.
 
Du coup je me demande :
 
-s'il serait possible placer une commande css sur le wrap de mon site afin de forcer les navigateurs a afficher le rendu avec une valeur de zoom prédéfinie
 
-ou si je vais devoir reduire de 20% mes maquettes en psd et redécouper tous mes elements visuels pour les remplacer (boutons, images, slideshow, etc,,,)
 
-ou si il existe une solution miraculeuse a laquelle je n'ai pas pensé qui me permettrait d'approcher ce rendu.
 
Merci d'avance de m'apporter vos lumieres, je fremis de peur a l'idée de devoir remplacer tout mes visuels  :ouch:  
 
 

Reply

Marsh Posté le 09-09-2012 à 22:27:14   

Reply

Marsh Posté le 10-09-2012 à 10:26:17    

Essaie avec ça dans ta CSS :
 
html {
 zoom: 0.8;
}

Reply

Marsh Posté le 10-09-2012 à 11:29:01    

sinon, un width: 80%; sur la balsie qui engloble ton contenu...


---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta
Reply

Marsh Posté le 10-09-2012 à 12:49:09    

Riokmij a écrit :

Essaie avec ça dans ta CSS :
 
html {
 zoom: 0.8;
}


Lol non, zoom est un attribut non standard spécifique à MSIE. La propriété standard c'est transform: scale()

rufo a écrit :

sinon, un width: 80%; sur la balsie qui engloble ton contenu...


Ça va pas scaler le contenu.


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 10-09-2012 à 13:04:58    

Ben s'il a mis toutes ses règles en % ou em, ça le ferait pas?


---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta
Reply

Marsh Posté le 10-09-2012 à 13:30:58    

rufo a écrit :

Ben s'il a mis toutes ses règles en % ou em, ça le ferait pas?


* Les em switchent pas avec la width, donc il devra aussi scaler sa font-size globale
* Il va avoir un problème avec ses images, et dans la mesure où il parle de découpage photoshop j'aurais tendance à dire que ça sent un peu la merde à ce niveau
* La width du parent n'influence (en gros) que sur les width des enfants, pas les trucs genre hauteurs ou position, donc selon la qualité du travail il faudra probablement fixer pas mal d'autres trucs


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 10-09-2012 à 14:10:58    

Effectivement... A titre perso, j'ai toujours tendance à privilégier les design flottants sur la largeur et à utiliser au max des unités relatives comme em ou de temps temps le %. De ce fait, un width: 80% aurait sans doute fonctionné...


---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta
Reply

Marsh Posté le 11-09-2012 à 12:19:33    

Merci pour le coup de main, j'ai utilisé le zoom css pour chrome safari et ie, et me moz transforme scale pour ff et ca fonctionne, donc tout va bien, =)

Reply

Marsh Posté le 14-08-2013 à 10:42:33    

Bonjour à tous,
 
Je me permets de déterréer ce post concernant le forcing du zoom sur les navigateurs internet.
 
Je me trouve dans une situation à peu près similaire à celle de OMEGA27 à l'époque... Mon site me convient par contre j'aimerais pour un soucis d'une part de facilité de navigation mais aussi d'esthétisme forcer les navigateur à afficher mon site avec un zoom a 80%.
 
Je précise que je ne suis pas programmeur, ni designer et que je me suis procuré un template que j'ai customisé à ma façon en html.
 
Autant vous dire que mes connaissances en informatique se résume à de la bidouille :).  
 
Quelqu'un serait il en mesure de m'expliquer comment définir un zoom CSS pour chrome safari et ie ? et comment le transforme scale pour le navigateur Firefox comme a pu le faire omega 27 (Voir son dernier post).
 
Je vous remercie pour l'attention que vous porterez à ma demande.
 
Cdt,
 
Bapsos

Reply

Marsh Posté le 19-08-2013 à 16:14:26    

Je me permets de UP le sujet, au cas ou une personne ait la capacité de répondre à mes questions.
 
Cdt.

Reply

Marsh Posté le 19-08-2013 à 16:14:26   

Reply

Marsh Posté le 05-10-2013 à 11:36:18    

Bonjour à tous je me permets de RE UP le post, afin d'essayer de trouver la réponse à la question que je me posais.
 
Merci à tous !
 

Citation :

Bonjour à tous,
 
Je me permets de déterréer ce post concernant le forcing du zoom sur les navigateurs internet.
 
Je me trouve dans une situation à peu près similaire à celle de OMEGA27 à l'époque... Mon site me convient par contre j'aimerais pour un soucis d'une part de facilité de navigation mais aussi d'esthétisme forcer les navigateur à afficher mon site avec un zoom a 80%.
 
Je précise que je ne suis pas programmeur, ni designer et que je me suis procuré un template que j'ai customisé à ma façon en html.
 
Autant vous dire que mes connaissances en informatique se résume à de la bidouille :).  
 
Quelqu'un serait il en mesure de m'expliquer comment définir un zoom CSS pour chrome safari et ie ? et comment le transforme scale pour le navigateur Firefox comme a pu le faire omega 27 (Voir son dernier post).
 
Je vous remercie pour l'attention que vous porterez à ma demande.
 
Cdt,
 
Bapsos

Reply

Marsh Posté le 10-10-2013 à 18:37:51    

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed