Question about Media Query?

Question

css

Explain how these media queries work properly...
768-1024 onwards? what type of device is this?

@media (max-width: 1024px) and (min-width: 768px) and only screen and (max-width: 1300px)
@media (max-width: 1024px) and (min-width: 768px) and (max-width: 1024px) and (min-width: 768px)
@media (max-width: 1024px) and (min-width: 768px) and (max-width: 374px)

Answer 1

The only statement is used when you want to hide the media rule from older browsers that do not support the described syntax. Browsers that support media queries will simply ignore the only statement.