html – How to set a media query for percentage scaling?


How to set a media query for scaling? On the scale of the browser window 90% heading goes. How do I find out what the screen width is at 90% (and so on) in order to write the media query correctly? Thank you 🙂


Media queries are written in pixels.

in google chrome -> open the console (F12) -> when resizing the browser window in the upper right, its dimensions will be in "px"

Actually, when layout problems start, the media query construction is used:


  font-size: 40px;

@media (max-width: 1000px){
     font-size: 32px;
Scroll to Top