Como Johannes diz - não há representante suficiente para comentar diretamente sua resposta - você pode realmente fazer isso desde que as dimensões de todos os elementos sejam especificadas como um múltiplo do tamanho da fonte. Significado, tudo em que você usou%, em ou ex unidades". Embora eu pense que% se baseie em conter o elemento, não no tamanho da fonte.
E você normalmente não usaria essas unidades relativas para imagens, uma vez que são compostas de pixels, mas há um truque que torna isso muito mais prático.
Se você definir body{font-size: 62.5%};
, 1em será equivalente a 10px. Tanto quanto sei, isso funciona em todos os principais navegadores.
Em seguida, você pode especificar suas (por exemplo) imagens quadradas de 100px width: 10em; height: 10em;
e assumindo que a escala do Firefox está definida como padrão, as imagens terão o tamanho natural.
A marca body{font-size: 125%};
e tudo - incluindo imagens - terão o dobro do tamanho original.