Viewport-Angaben mit ≤

[pixelbach]

Was bedeutet de Angabe:

Die Webseite ist für die Viewports Smartphone (≤ 390px) und PC (≤1280px) umzusetzen.
Sind die ≤ -Angaben richtig?

Danke

 

[tk1234]

Die Webseite ist für die Viewports Smartphone (≤ 390px) und PC (≤1280px) umzusetzen.
Sind die ≤ -Angaben richtig?

Nein. Pixel sind quasi immer die falsche Einheit, verwende relative Angaben wie z.B. (r)em. Ab welcher Breite die Darstellung geändert werden muss, hängt auch vom Inhalt ab und lässt sich nicht pauschal sagen. Empfehlenswert ist aber ohnehin die Vorgehensweise Mobil First, d.h. die Seite wird so gebaut dass sie auf schmalen Geräten wie gewünscht aussieht (und natürlich bedienbar ist). Im zweiten Schritt wird die Seite auf einem größeren Display angeschaut und das Fenster so lange verbreitert bis ausreichend Platz zur Verfügung steht um z.B. die Navigation neben den Inhalt zu setzen - diese Breite ist dann der Breakpoint den Media-Query mit den entsprechenden Angaben.
Aber wo kommt deine Angabe überhaupt her?

 

[scatello]

Aber wo kommt deine Angabe überhaupt her?

Hausaufgabe

 

[Sempervivum]

Nein. Pixel sind quasi immer die falsche Einheit, verwende relative Angaben wie z.B. (r)em.

Solche pauschalen und absoluten Aussagen sind häufig nicht zielführend. Der Kern einer Angabe in (r)em ist, dass sie sich auf Zeichen und Texte bezieht. Nicht alles im Web oder auf einer Webseite ist jedoch zeichen- oder textorientiert sondern es gibt auch Fotos und häufig bilden diese den Schwerpunkt des Inhalts, man denke an die Websites von Fotografen. Dort sind Maßangaben in px nicht nur ebenso gut sondern besser geeignet als (r)em.

@pixelbach Dieses ≤ stammt aus der Mathematik, in CSS gibt es das nicht. Du kannst dich z. B. hier informieren, wie man diese Angaben in CSS umsetzt:
https://wiki.selfhtml.org/wiki/CSS/Media_Queries/Medienmerkmale#width

 

[tk1234]

Nicht alles im Web oder auf einer Webseite ist jedoch zeichen- oder textorientiert sondern es gibt auch Fotos und häufig bilden diese den Schwerpunkt des Inhalts, man denke an die Websites von Fotografen. Dort sind Maßangaben in px nicht nur ebenso gut sondern besser geeignet als (r)em.

Würde ich jetzt nicht so unterschreiben: mit relativen Größenangaben passen sich die Bilder besser ins Layout ein - nicht vergessen sollte man je nach verfügbarer Fläche ggf. unterschiedliche Bilder auszuliefern.