Podrías crear una importanción de un documento CSS dentro del documento CSS global, con la modificación de los valores width de los selectores: body y divs padres que tengas para encuadrar la página web, es decir las estructuras principales (cabezera, cuerpo, sidebar, pie, etc.)
Después mediante una función JavaScript llamar a dicho documento importado en CSS global. Esto no lo probé, se me ocurrió ahora, habría que mirar que pasa.
Cita:
Iniciado por theblackshyp 
reducir solamente en el navegador, como lo hace cualquier navegador cuando apretas ctrl y moves la ruedita del mouse.
solamente q yo quiero ponerle un boton a mi web para reducir o aumentar el tamaño, para q sea mas comodo para el usuario
De todos modos lo que quieres hacer, "el efecto de zoom con la rueda del mouse, pero aplicado a unos botones", estaría muy interesante. Igualmente ese efecto es parte del navegador web. Habría que aplicacarlo a la página y creo que lo mejor sería hacerlo con JavaScript. Pero por ahora, no se me ocurre como hacerlo.