• Osobne bych nechal meta tak jak ma byt a v CSS (jiz mi to delalo bordel, pri pouziti s @media):

Kuprikladu pro telefon:

@media only screen and (min-device-width: 480px) /* je-li mensi jak 480px , muzes nahradit za max-device, coz je opak, je-li vetsi jak ..*/
{
/* kod nebo vlastnost pro zarizeni s timto rozlisenim */
}

Pro tablet:

@media only screen and (min-device-width: 768px) /* jde pouzit i kombinace (min-width: velikost px) and (max-width:velikost px) */
{
/* kod nebo vlastnost pro zarizeni s timto rozlisenim */
}

Co se odkaz na "style" tyce mas na mysli neco typu : <link rel="stylesheet" media="screen and (max-width: 1280px)" href="male_rozliseni.css" /> ?
(Prvni v poradi zadej <link rel="stylesheet" .. etc, rozliseni pro vsechny a pak az <link rel="stylesheet" media="screen and (max-width: ..)
TiP~ Rozliseni podle zarizeni: http://www.binvisions.com/articles/tablet-smartpho ne-resolutions-screen-size-list/