En lugar de ponerte una verborrea de cómo funciona esto, te lo vamos a explicar norteñamente (en pocas palabras): Todo el secreto está en las tags <meta>, en particular la que se llama viewport (ver código fuente).
Cabe recalcar que si quieres evitar que a tu página le puedan dar zoom, esto es lo que necesitas asignar como contenido:
content="width=320,user-scalable=false"
Por otro lado, esta plantilla tiene restringido el ancho del <body> a 300px, que está centrado usando margin:0 auto; para que todo se vea ordenadito.
Las imágenes, como es obvio, deben ser de máximo 300 pixeles de ancho. Si no quieres modificar tus imágenes originales, échale un ojo al siempre útil phpThumb.
Come frutas y verduras.