Bastler: Responsive Design - aber wie?

Beitrag lesen

Hallo,

ich möchte eine seit langem existierende Site smartphonetauglich machen. Das bisherige Design ist im Grundsatz sehr alt und sah schon auf PCs mit 640*480px gut aus und sieht bis heute nach wie vor gut aus (nur ein body {max-width:...} ist irgendwann hinzugekommen). Nur auf dem Smartphone ist alles sehr klein.

Nachdem ich mich fleißig eingelesen habe, schien mir @media (max-width) als Ergänzung im CSS die richtige Wahl. Nur: Auf PCs mit 800*600px möchte ich das bisherige Design, auf Smartphones dagegen eben die neuen @media-Angaben. Deswegen ist @media (max-width:999px) nicht das, was ich will. Dann dachte ich mir, es geht ja gar nicht um die Auflösung, sondern die tatsächliche Größe des Geräts. Also @media (max-width:16cm) ausprobiert. Seltsamerweise glaubt mein Handy, es wäre größer...

Hat jemand einen Tipp, wie ich das sinnvoll angehen kann?

Bastler