Deus Figendi: [strg][+] simulieren

Beitrag lesen

Um das mal langsam auf ein Ziel hin zu steuern ^^
Erstmal solltest du tatsächlich den Zoom-Grad irgendwie speichern, am Simpelsten finde ich dabei Cookie+JS.

Dann sollte es eigentlich klappen, dass man die Bildgrößen einfach in einer irgendwie zur Schriftgröße relativen Einheit wählt, also % em oder ex (falls es noch andere gibt: Ich benutze sie nicht). Dann sollten sie eigentlich mit der Schriftgröße skallieren.

Oder:
Du fügst deinem CSS alles hinzu, was du in seiner Größe verändern willst und schreibst dort eine Größe hinein im Stile von

#zoom0 article.odd , #zoom0 article.even {  
 font-size:2cm;  
}  
#zoom0 article img {  
 width:100%;  
}

Dann kopierst du den Kram x Mal, so viele Zoomstufen, wie du haben willst und passt das entsprechend an:

#zoom-1 article.odd , #zoom-1 article.even {  
 font-size:1.6cm;  
}  
#zoom-1 article img {  
 width:80%;  
}  
#zoom0 article.odd , #zoom0 article.even {  
 font-size:2cm;  
}  
#zoom0 article img {  
 width:100%;  
}  
#zoom1 article.odd , #zoom1 article.even {  
 font-size:2.2cm;  
}  
#zoom1 article img {  
 width:110%;  
}

fügst deinem body die ID zoom0 hinzu (soweit er keine hat, sonst geht's ja auch über Klassen) und änderst diese ID by zoom.

Beide Vorschläge nicht ausprobiert und ohne Gewähr :D

--
sh:( fo:| ch:? rl:( br:& n4:& ie:{ mo:} va:) de:µ_de:] zu:) fl:( ss:| ls:[ js:(