Größe des sichtbaren Bildschirmbereichs ermitteln

[beatovich]

hallo

Moin, wie nennt man eigentlich den sichtbaren Bereich auf PC, Tablet, Smartphone? Ist das auf neudeutsch der Screen?

Für den Bereich, den man in der Grösse verändern kann gebraucht man den Begriff des viewports (oder zu deutsch ca: Sichtfeld)

Wenn ich, um responsive Anwendungen zu schreiben, diese Bereich nach und nach verkleinere, komme ich zu einer Stelle, wo ich das Layout verändern möchte. In Beispielen habe ich Angaben gelesen wie "@media only screen and (max-width: 500px)". Wie kommt man zu diesen Werten?

Ich bin nicht mal sicher, ob das eine zuverlässige Angabe ist. Ich würde das bevorzugen: @media only screen and (max-width: 40em){}

em bezieht sich dabei auf die im Browser eingestellte default Schriftgrösse.

Wie kann ic, wenn ich meinen "Screen" jetzt bis zu einer Stelle verkleinert habe, messen wieviele Pixel die Breite beträgt?

Da beginnt die Konfusion: Beziehen sich die Pixel auf CSS-Pixel (hoffentlich ja) oder auf Screen Pixel?

Du kannst alle erlaubten Einheiten verwenden, also auch mm oder cm.