EM Vs. PX in CSS

October 19

Bei der Gestaltung Ihrer Website finden Sie selbst wollen, geben Ihre Website-Schriftgrad in CSS und stellen Sie sicher, dass sie die gleiche, egal welchen Browser angezeigt wird, die Ihre Leser zu verwenden. Die CSS-Eigenschaft "Font-Size" akzeptiert viele verschiedene Arten von Werten; die am häufigsten verwendeten für formatieren Webseite Text Pixel und Ems sind. Diese ermöglicht es Ihnen, Ihren Text konsequent Stil, aber jeder stellt einige Fragen, die Sie zu überwinden.

EMS

EM-Größenanpassung ist relativ zur Größe der Schriftart für die gesamte Website festgelegt. Die Standardschriftgröße für normalen Text, beträgt wenn keine Größe angegeben ist, 16 Pixel; so, wenn die Textgröße auf 1 Em Text mit einer Größe von 16 Pixel angezeigt werden bewirkt. Sie können größere oder kleinere Schriftgrößen berechnen, indem Ihr Text die gewünschte Größe in Pixel durch 16 dividiert; beispielsweise wenn der Text eine Überschrift als 28 Pixel groß angezeigt werden soll, würde Sie es auf 1,75 Ems festlegen. EM-Größen sind relativ und daher werden überlappend; Wenn Sie die Schriftgröße aller < Div > Tags auf 1,2 Ems und die Schriftgröße aller Listen 1,2 EMS festlegen, wird die Schriftgröße für jede Liste enthaltenen < Div > 1,44 Ems entsprechen.

Pixel

Sie Ihre Schriftgröße in Pixel angeben ermöglicht eine präzise Steuerung Ihrer Website Textgröße. Text auf die Größe von 16 Pixel wird immer 16 Pixel in der Höhe, egal welche Schriftart des Textes liegt inmitten belegen oder welchen Browser Ihre Leser verwenden. Pixelgrößen sind absolute und nicht überlappend; Wenn Sie die Schriftgröße aller < Div > Tags auf 16 Pixel und die Schriftgröße für alle Listen auf 14 Pixel festlegen, wird die Schriftgröße für jede Liste enthaltenen < Div > 14 Pixel bleiben.

Probleme mit Pixel-Sizing

Einstellung der Schriftgröße in Pixel präsentiert einige Usability-Probleme. Menschen, die Ihre Website mithilfe von Internet Explorer besuchen werden die Textgröße anpassen ohne Verwendung der Zoomfunktion des Browsers; Infolgedessen können Leser Vision Beeinträchtigungen leiden nicht den Text Ihrer Website lesen kann. Darüber hinaus kann die Textgröße nicht nach unten richtig skaliert bei einigen mobilen Browsern, Lesbarkeit zu senken, wenn Ihre Website über Smartphones oder anderen mobilen Geräten angezeigt wird.

Probleme mit Em Sizing

Textsatz im Ems kann nach oben und nach unten skaliert, wenn nötig; Leider wird diese Art der Größenanpassung außerdem einige Probleme mit Internet Explorer verursacht. Vergrößert oder verkleinert den Text, wird die Skalierung von Text angemessen sind, was zu viel Text größer oder kleiner als angemessen wäre. Dieses Problem kann jedoch leicht gelöst werden, durch Festlegen der prozentualen Standardschriftgrad für den Hauptteil der Website:

Körper {Schriftgröße: 100 %;}

Sobald dieser Schriftart-Baseline festgelegt wurde, wird jede Textsatz im Ems richtig skaliert.