Welche sind die Designziele des Skeleton CSS Grid Frameworks?

Question

Ich mag Skeleton, aber ich habe ein paar Fragen:

• Warum Pixelgrößen verwenden, wenn alles mit relativen/em-Größen erreicht werden könnte?
• Ist das, weil es der einzige zuverlässige Weg ist, x-Browser-Kompatibilität zu erreichen? .. da die Verwendung von em-Größen angemessener / zukunftssicherer erscheint
• Spielt relative Größenanpassung und reaktives Rastersystem wirklich eine Rolle, wenn die meisten Browser heutzutage ziemlich intelligent im Zoomen sind und Benutzer einfach ihren Standard-Zoomfaktor einstellen können?

Ich wollte das nicht in separate Fragen zerlegen, weil ich die Meinung der professionellen Community zu diesem Frameworks (Nicht-)Einhaltung von CSS-Best Practices kennenlernen möchte.

Schließlich, wenn Sie Alternativen haben, die Ihrer Meinung nach die Dinge angemessener angehen, teilen Sie diese bitte (mit Begründung!).

Answer 1

Pixeldimensionen sind immer noch wichtig: 960 Pixel Breite sind ziemlich standardmäßig, die Breite des iPad-Landscape ist 1024px usw. Es scheint, dass eine Webseitenbreite von etwa 1000px zum De-facto-Standard für einfache Inhaltsseiten wird (das macht Sinn, wenn einige Bildschirme bis zu 1900 oder 2400px weit sein können)... Diese Breiten können nicht durch em ausgedrückt werden, da em per Definition nicht festgelegt ist. Em hat seinen Nutzen, wenn Sie sich innerhalb eines festen Rahmens befinden und Elemente relativ zur von Ihnen gewählten Schriftart platzieren möchten.

Nur sehr wenige Leute können die Zoomfunktion ihres Browsers verwenden, und noch weniger Leute nehmen sich die Mühe, den Standard-Zoomwert zu ändern. Daher sollten Sie auf das gängigste Maß abzielen, d.h. 1000px Breite, und sie werden damit zurechtkommen.