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

Question:

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 🙂

Answer:

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:

css:

h2{ 
  font-size: 40px;
}

@media (max-width: 1000px){
   h2{
     font-size: 32px;
   }
}