@media only screen and (min-device-width: 320px) and (max-device-width: 480px) { body { transform: scale(3); transform-origin: 0 0; } } @media only screen and (min-device-width: 481px) and (max-device-width: 800px) { body { transform: scale(2); transform-origin: 0 0; } } @media only screen and (min-device-width: 801px) { body { transform: scale(1); transform-origin: 0 0; } }