Beslutet att koda dina teckenstorlekar i antingen " px " eller " em " innebär att göra en avvägning mellan asketiska preferens och läsbarhet . Ditt val har mycket att göra med syftet med webbplatsen och vem som kommer att visa sidorna . Överväga fördelarna med varje metod och de unika behoven hos din webbplats innan du väljer den metod som passar bäst för din design . Fördelar med ' Em '
" em " är en måttenhet i typografi ursprungligen härrör från bredden av stort M i ett teckensnitt vid en viss punkt storlek . Om Arial ställa in 10 poäng motsvarar en em , sedan två em motsvarar 20 poäng . I CSS är em används som en skalbar enhet där en em motsvarar din standard textstorlek . Detta gör konstruktionen att upprätthålla hierarkin även när de visas på en mobiltelefon eller en stor skärm . Det ger också användare med synskador som har satt sin standardteckenstorlek större för att se sidan med alla teckensnitt i korrekt relativ storlek . World Wide Web Consortium ( W3C ) rekommenderar att man använder EMS som en bästa praxis på grund av sin skalbarhet .
Fördelar med ' Px '
" Px " är en enhet som är fast i storlek . En pixel ( px ) är lika med en pixel på skärmen . Standarden 12 - punkters teckensnitt är lika med ca 16 px . Denna enhet skalas inte för mindre mobila enheter eller för synskadade användare , men det har många estetiska fördelar . Det ger konstruktören full kontroll över teckenstorleken i konstruktionen , vilket gör att den typ inte kommer att få i proportion med de andra designelement på sidan . Om du har typ i en bild , använda px är viktigt för att säkerställa att typsnittet hierarkin i din design bibehålls , oavsett vilken enhet din webbplats ses på eller användarens inställningar i webbläsaren .
övriga enheter
p Det finns två andra alternativ för inställning teckensnitt i CSS : peka och procent . Punkter , som pixlar , skalar inte . Generellt 12 poäng motsvarar 100 procent . Poäng baseras på den tryckta teckenstorlek , inte storleken på pixel på skärmen . Som ett resultat , mätningarna är inte lika .
Procent , lik EMS , kommer att skala , men det kommer inte skala på samma sätt som ems . Skillnaden i storlek beräkningen mellan 200 procent och två ems beror på webbläsaren . Men , om du missräkna med antingen EMS eller procentsatser , kan användaren ändra texten för att bli en bättre storlek .
Tänk Publik och syfte
p Om du designar en plats för en gammal eller ung publik som kanske har läsbarheten frågor , är det viktigt att använda en skalbar enhet som ems . Använda EMS är också nyckeln om din webbplats kommer att visas på mobila enheter . Men om grafiska formgivare är din publik eller syftet med webbplatsen är mer om den visuella estetik än om innehållet , använda en fast enhet som px se till att typsnittet hierarki bevaras i alla situationer .
