css media queries

pessoal sempre usei media queries para ajustar sites em diversas resolucoes, definindo tudo no css.

o cara do trampo fez isso aqui, mais apena comecou eu acho, isso seria boa pratica? acho que nao vejam:

<link rel="stylesheet" media="only screen

and (min-device-width : 320px)

and (max-device-width : 480px)

" href="../new_design.css">

<!--DESKTOPS AND LAPTOPS -->

<link rel="stylesheet" media="only screen

and (min-width : 1224px)" href="../new_design.css">

<link rel="stylesheet" media="only screen

and (min-width : 1224px)" href="../new_design.css">

nao seria melhor apenas chamaer o css

<link rel="stylesheet" href="../new_design.css">

e chamar as queries no css?

@media screen and (min-width: 320px) {}

@media screen and (min-width: 480px) {}

realmente nao entendi pq ele definiu esses screens qual o sentido dentro da tag do css.

e ae que vcs acham?