ganz klar responsive
denn die Eigenschaft mobile alleine trifft ja selber schon auf immense Größenunterschiede
was auf einem Galaxy Note gut ist kann auf einem Einstiegs Lumia voll daneben sein, was für ein iPhone richtig ist kann beim Blackberry chaotisch aussehen... Dann gibt es jede Art von Tablets
(in allen Größen und auch noch in unterschiedlicher Orientation)... manchmal mit Anforderungen wie ein normales Smartphone, manchmal mit mehr Fläche als so mancher Desktop bietet...
Und dann natürlich auch noch in die andere Richtung, auch auf einem Schreibtisch findet man vom Mini 17"er bis zum Dual- oder Triple-28"er eigentlich fast alles
(da kann eine Seite mit fester Breite von vielleicht 1000px schon sehr verloren aussehen), außerdem gibt es ja auch noch Präsentationstablets ob nun in Schaufenstern, am POS oder bei Messen etc. in extremen Ausmaßen... alles will doch irgendwie bedient werden, und das geht nun mal am besten mit "Responsive Design" mit den entsprechenden mediaQueries...
Meine Standardgrenzen (OK, ist mein eigenes CSS Framework) liegen da meist bei:
xxs unter 400px @media only screen { } Nutzbreite flexibel
xs ab 400px @media only screen and (min-width:25.000em) { } Nutzbreite 380px oder auch schon flexibel
sm ab 700px @media only screen and (min-width:43.750em) { } Nutzbreite 680px
md ab 1000px @media only screen and (min-width:62.500em) { } Nutzbreite 980px
lg ab 1300px @media only screen and (min-width:81.250em) { } Nutzbreite 1280px
xl ab 1600px @media only screen and (min-width:100.000em) { } Nutzbreite 1580px
xxl ab 2000px @media only screen and (min-width:125.000em) { } Nutzbreite 1980px
das reicht meist, aber wenn es sein muss auch darüber, z.B. für interaktive Tourismus-Terminals