Media property issue in head

Question

I don't want a stylesheet to be loaded on mobile devices, so I used the

<link href="css/animate.css" rel="stylesheet" media="max-width:1000px">

But it doesn't work! It loads the stylesheet anyway on mobile. Where am I going wrong?

Answer 1

change max-width with min-width