responzivní web

Mám takto určeno že když má někdo více jak 300 px rozlišení web se přepne na jiný styl. Jak to idělat aby bylo rozlišení

0-320 sryle.css
321-480 style2.css
481-5000 style3.css

<link rel="stylesheet" media="(max-width: 300px)" href="max-300px.css" />
<link rel="stylesheet" media="(min-width: 300px)" href="min-300px.css" />