Which CSS rule hides the <div> tag when the browser's width is 600 pixels wide or less?

A

@media screen and (max-width: 600px) { div.example { display: none; } }

B

@media screen and (min-width: 600px) { div.example { display: none; } }

C

@media screen and (min-resolution: 600px) { div.example { display: none; }

D

@media screen and (max-resolution: 600px) { div.example { display: none; } }