Wenn ich mir das so durchlese, wäre es dann nicht besser einfach die obige meta-Angabe hinzuzufügen und mit JS die breite des Browsers abzufragen, statt mit Media-Queries, und dann im JS jeweils ein anderes Stylesheet auszuwählen?
Nein, weil der Viewport dann auf geräten die ein 1:1-Pixel-Verhältnis haben,viel zu groß ist.
Wenn du dich hier einarbeiten willst, empfehle ich dir dich eine Woche intensiv damit zu beschräftigen und ein paar Testgeräte heranzuschaffen.
Ein iPhone 4 oder 4s, ein iPad (2. und 3. generation) und ein paar Android Geräte - ggf. fertigst du dir auch eine Strichliste an, wo du zählst wie oft du dir selbst in den Arsch beissen möchtest :)
Es ist leider kein Triviales unterfangenen alles unter einen Hut zu bekommen.