How to separate styles for iPad.pro and netbook with the same screen resolution?

Question

css

Hello! I have a task to separate css styles for mobile devices including ipads pro with 1024 resolution and netbooks starting from 10k which also have 1024 resolution . How to do it right? Does this entry apply only to mobile devices or will netbooks also be affected?

@media only screen and (max-device-width : 1024px) {
/* Styles */
}

Answer 1

How to separate styles for iPad.pro and netbook with the same screen resolution?

Only through the definition of the user agent and individual css files.
@mediacannot identify devices by name. Only by appointment - printer, TV, voice synthesizer, etc.

Answer 2

and use the screen orientation in queries? netbooks always use landscape ...

Answer 3

Maybe I misunderstood something, maybe I'm stupid.
@media(max-width : 1025px){
//tablets
}
@media(min-width: 1024px){
//netbooks