ESSENCE: make an adaptive design for screen resolutions: 1280x1024 / 1280x800 / 1280x768 / 1280x720 / 1280x600. Currently implemented via media queries like this: @media (max-width: 1280px) but this way you can make an adaptive design for only one of the permissions above, how to make it for all permissions?

  • This does not answer my question - Ivan Ivanov
  • And I did not ask just a comment. - Ivan Ivanov
  • sorry for you, if you consider it your duty, seeing the question, and not wanting to answer it, comment anyway, absolutely without any sense, you know the answer, answer, you do not know, pass by. - Ivan Ivanov
  • A simple example, one participant of the toster service has already answered my question, answered briefly and succinctly, he saw that I was wrong in calling the screen width long and height wide, but he did not leave a stupid, meaningless comment, but provided exactly what I wanted I am sure that if he did not know the answer to this question, he would simply ignore him, and this is an objectively correct approach, good luck to you in your difficult life. - Ivan Ivanov

2 answers 2

The question is solved, if it helps someone, then the answer is:

@media (max-width:1280px) and (max-height:1024px) { ... } @media (max-width:1280px) and (max-height:800px) { ... } @media (max-width:1280px) and (max-height:720px) { ... }
  • one
    The code is supposed to be formatted. And it is not necessary to take comments with hostility. - Dmitry Nail

(max-width: 1280px and min-width: 1024px) and so on (max-width: 1024px and min-width: 800px) haven't you tried this?

  • Unfortunately, this method does not work - Ivan Ivanov
  • you max-width (1280px) is in a file higher than max-width (1024px) - Taras M.