Is such a generic media query good?

Question

css

Based on the data from the site mydevice.io/devices , I developed my own four gradations of screen sizes:

"смартфоны_верт" - (min-width: 320px) and (max-width: 599px)
"смартфоны_гориз" - (min-width: 480px) and (max-width: 799px) 
 
"планшеты_верт" - (min-width: 600px) and (max-width: 1024px) 
"планшеты_гориз" - (min-width: 800px) and (max-width: 1440px) 

"мониторы_верт" - (min-width: 1025px) 
"мониторы_гориз" - (min-width: 1441px)

- the styles are different for the horizontal and vertical screen
on the diagram, I determined the size ranges:

there are doubts about the number 1440 - starting from what size on the wide side should the screen be considered a monitor?
and there are doubts and the question is what is better to use: min-width or min-device-width

Answer 1

deprecated this is enough:

<meta name="viewport" content="width=device-width" />

and here it is: https://habrahabr.ru/

Answer 2

As much as possible about media...
320+ - phones
768+ - tablets in portrait
1024+ - tablets in landscape, computers
Intermediate - very specific.
More than 1024 - only if the design is adaptive for larger sizes. Usually there are 1200+, but it is not always found.
Do not confuse the physical screen resolution and how it is perceived by css.
Read https://github.com/andrey-hohlov/psd-templates-req... there is about retina.