De beslissing om uw lettergroottes coderen in een van beide " px " of " em " is het maken van een trade - off tussen ascetische voorkeur en leesbaarheid . Uw keuze heeft veel te maken met het doel van de website en die zullen het bekijken van de pagina's . Overweeg de voordelen van elke methode en de unieke behoeften van uw site voor het kiezen van de methode die het beste is voor uw ontwerp . Voordelen van 'Em ' De ' em ' is een maateenheid in de typografie oorspronkelijk afkomstig van de breedte van een hoofdletter M in een lettertype op een bepaald punt grootte. Als Arial in 10 punten gelijk aan een em , dan twee em gelijk aan 20 punten . In cascading style sheets , wordt het em gebruikt als een schaalbare eenheid waar een em gelijk uw standaard lettertype . Dit maakt het ontwerp aan hiërarchie te behouden, zelfs als ze op een mobiele telefoon of een groot scherm . Het staat ook gebruikers met een visuele handicap die hun standaard lettertype hebt ingesteld groter om de pagina te zien met alle fonts in de juiste relatieve omvang . Het World Wide Web Consortium ( W3C ) beveelt het gebruik van ems als een best practice vanwege hun schaalbaarheid . Voordelen van ' Px ' " Px " is een eenheid die is vastgesteld in omvang . Een pixel ( px ) is gelijk aan een pixel op het scherm . De standaard 12 - punts lettertype is gelijk aan ongeveer 16 px . Dit toestel heeft geen schaal voor kleinere mobiele apparaten of voor slechtzienden gebruikers , maar het heeft wel veel esthetische voordelen . Het geeft de ontwerper de volledige controle over de lettergrootte in het ontwerp , die ervoor zorgt dat de soort niet zal krijgen in verhouding met de andere design elementen op de pagina . Als u typt in een afbeelding hebt , gebruik px is essentieel om ervoor te zorgen dat het lettertype hiërarchie in uw ontwerp wordt gehandhaafd , ongeacht het apparaat uw site wordt bekeken op of browserinstellingen van de gebruiker . < Br > Overige Eenheden Er zijn twee andere opties voor het instellen van lettertypen in CSS : point en procent . Punten , zoals pixels , niet schalen . Algemeen 12 punt is gelijk aan 100 procent . Punten worden gebaseerd op de afgedrukte lettergrootte , niet de grootte van de pixel op het scherm . Dientengevolge , de metingen niet gelijk zijn . Percent , zoals EMS zal schaal , maar het zal niet schaal op dezelfde wijze als EMS . Het verschil in de berekening van de grootte tussen 200 procent en twee EMS afhankelijk van de browser . Echter , als je misrekenen met ofwel ems of percentages , de gebruiker kan de tekst veranderen om een betere maat te zijn . Overweeg Publiek en Doel Als u het ontwerpen van een site voor een oud of jong publiek die zou kunnen hebben leesbaarheid problemen , is het belangrijk om een schaalbare eenheid als ems gebruiken . Met behulp van ems is ook de sleutel als uw site zal worden bekeken op mobiele apparaten . Echter, als grafisch ontwerpers zijn uw publiek of het doel van de site is meer informatie over de visuele esthetiek dan over de inhoud , gebruik dan een vaste eenheid , zoals px ervoor zorgen dat lettertype hiërarchie wordt bewaard in elke situatie . < br >
|