0

I am working on a responsive website and the elements on the website are larger than I anticipate. I would like to zoom out or scale back the website such that if the website is loaded in a device of certain width, it would show the scaled down version. I know it can be done using the media queries but I would like to do something less painful and just scale the website down to 0.8. Similar to zooming out to 80% in chrome browser.

1

1 Answer 1

4

You could do:

@media (max-width: 800px) {
    body: {
        zoom: .8;
    }
}
3
  • This is exactly what OP defined as "painful", I wonder what can possibly be easier than this. Mar 14, 2017 at 20:59
  • @LucasSteffen If OP is a masochist then there should be another way. If he isn't then this is the best way.
    – dokgu
    Mar 14, 2017 at 21:01
  • Exactly what I needed! Thanks!! Mar 15, 2017 at 5:17

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.