[S2L2] Accessbility - Percent Based

Question 1

Wieviel px entspricht 1 em in CSS auf erster Ebene?

Answer 1

• 10px

- Compounded jedoch je nach Ebene und muss entweder für alle Elemente gesetzt werden oder wird unübersichtlich

Question 2

Warum ist der CSS value rem dem Value em überlegen?

Answer 2

• Weil es nicht wie em an die Größte des Fonts des Parents gebunden ist
• Rem ist an das root Element HTML gebunden und daher kann man jedem Element einen prozentualen Wert von dessen geben.

Question 3

Wofür steht der CSS Value rem?

Answer 3

-root em

Question 4

Was ist ein Beispiel für rem?

Answer 4

html { font-size: 62.5%; }
body { font-size: 14px; font-size: 1.4rem; } /* =14px /
h1 { font-size: 24px; font-size: 2.4rem; } / =24px */

Question 5

Sollte man in CSS viel mit Pixeln arbeiten?

Answer 5

-Nein, da es zu statisch ist

Question 6

Wo benutzt man rem in CSS?

Answer 6

-Immer für das Spacing und das Positionieren

Question 7

Wo benutzt man em in CSS?

Answer 7

-In Media Queries

Question 8

Was passiert wenn man eine Website nur mit Pixelangaben erstellt?

Answer 8

• Man erstellt die Website für sich selbst und nicht für User
• Acccessibility Tools und behinderte Menschen können die Seite höchsten noch größer Skalieren oder gar nicht mehr nutzen

Question 9

Welchen Vorteil bieten einem rem in CSS ebenfalls?

Answer 9

-Durch das redefinieren der Größe des Root-Elements kann das ganze Project neu skaliert werden.

Question 10

Warum sind REMS in Media Queries ein Problem?

Answer 10

• Wir überschreiben das Standardverhalten des Browsers des anzeigenden Gerätes
• Geräte bei vielen verschiedenen Geräten versagen REMs noch häufiger als Pixelangaben und EMs funktionieren am besten.

Question 11

Warum wurde für em die Weite des Buchstaben M als Basis genommen?

Answer 11

-Weil m der weiteste Buchstabe ist

Question 12

Was ist eine em Unit?

Answer 12

-Die Größte des Buchstabens M des Parent Elements.

Question 13

-Ist das Skalieren zwischen Fonts vergrößern und mit STRG + zoomen unterschiedlich?

Question 14

Was sind viewport units?

Answer 14

• vh
• vw
• vmin
• vmax

Question 15

Wie groß ist 1rem standardmäßig?

Answer 15

-16px, deswegen setzt man den root fon-size zu 62.5%, damit 1rem zu 10px wird um besser zu rechnen