Ich verstehe die Vorteile von ems für statische Messungen wie Pixel und Punkte mit, aber warum tun die meisten der CSS Leute da draußen (SO ausgenommen) bevorzugen ems anstelle von% Werten?Welche Vorteile bietet die Verwendung von ems anstelle von% in CSS?
Antwort
Für Schriftgrößen:
- em und% sowohl bezüglich auf die Schriftgröße des übergeordneten Elements (dh 2em und 200% immer gleiche Ergebnis)
- ems eine Geschichte in der Typografie haben (obwohl ein CSS em nicht das gleiche wie eine typografische em)
- Browser-Implementierungen von CSS ist weniger Bugs mit% als mit em
Für alles andere (zB die Breite eines Elements haben):
- em ist in Bezug auf die Schriftgröße
- % ist auf das übergeordnete Element
relativ ... so dass sie ganz andere Dinge und müssen von Fall zu Fall geprüft werden.
Ich könnte mir vorstellen, dass ein Grund dafür ist, dass viele Webdesigner als Druckdesigner anfingen und deshalb an ems als Maßeinheit gewöhnt sind. Das ist bei mir sicher der Fall.
Ems basieren auf einem bekannten und konsistenten Wert (der Schriftgröße), während der Prozentsatz auf der Größe des Containers basiert. Es ist viel schwieriger, CSS zu entwerfen und zu verstehen, wenn sich die Basis Ihrer Dimensionen und Größen abhängig vom Kontext ändert (in welchem Element/Container Sie sich befinden).
Dank Nate hat, ich bin immer noch ein wenig verwirrt mit den Antworten, die Sie und @ David zur Verfügung gestellt, wenn Sie auf dem Thema, das ich etwas mehr Licht werfen könnten würde es wirklich zu schätzen wissen. –
Geben Sie eine Seite 3-Spalten-Layout mit 25%/50%/25%, geben Sie es Schriftart, die 6 Zeilen des Artikels (16% Schriftgröße) ermöglicht, mit 5 Artikeln pro Seite (20% Höhe)
Jetzt ist es auf einem Embedded-Gerät vorstellen, die Bildschirmauflösung von 320x200px
Sorry, aber ich folge nicht ... = S –
Es macht nicht viel Sinn. Dieser Gerätetyp wird im Allgemeinen kein Bildschirmmedien-Stylesheet wiedergeben (es sei denn, es verfügt über einen virtuellen Ansichtsport und eine Zoomfunktion wie Safari für iPhone). Prozentuell definierte Schriftgrößen beziehen sich auf die Schriftgröße des übergeordneten Elements, nicht auf die Boxgröße des Ansichtsfensters oder des Containers. – Quentin
Es tut mir leid, aber nicht einmal ich konfrontiert Webseiten, die auf einem Netbook völlig unbrauchbar waren, einfach weil die Autoren angenommen "Jeder benutzt große Bildschirme" und die Seite war entweder nicht auf den Bildschirm passen beim Scrollen, oder skaliert auf eine Größe, die sie unlesbar machte. –
- 1. Welche Vorteile bietet die Verwendung von BIO_printf() anstelle von printf()?
- 2. Welche Vorteile bietet Powershell anstelle von VBScript?
- 3. Welche Vorteile bietet die Verwendung der Aktionsleiste anstelle des Standardlayouts?
- 4. Welche Vorteile bietet der Einsatz von CSS Sprites in Webanwendungen?
- 5. Welche Vorteile bietet die interne Verwendung von Eigenschaften?
- 6. Welche Vorteile bietet die Verwendung von jQuery UI über Plugins?
- 7. Welche Vorteile bietet die Verwendung von UIAppearance-Proxy anstelle von Standardwerten?
- 8. Welche Vorteile bietet die Verwendung von log4cxx anstelle von plain syslog()?
- 9. Welche Vorteile bietet die Verwendung von Daten anstelle von x-Präfix für benutzerdefinierte Attribute?
- 10. Welche Vorteile bietet die Verwendung von Binär-E/A anstelle von Text-E/A?
- 11. Welche Vorteile bietet Sass gegenüber normalem CSS?
- 12. Welche Vorteile bietet die Verwendung einer Schnittstelle in C#?
- 13. Welche Vorteile bietet der Windows-Zertifikatspeicher?
- 14. Welche Vorteile bietet die Verwendung von Präzision für das NUMBER-Datenformat in ORACLE?
- 15. Welche Vorteile bietet die Verwendung von Lambda-Ausdrücken in Java 8?
- 16. Welche großen Vorteile bietet VS2010 SP1?
- 17. Welche Vorteile bietet java.nio für einen Webserver?
- 18. Welche Vorteile bietet die Verwendung von mehr als 1 Codedatei für ein Projekt? (C++)
- 19. Welche Vorteile bietet die Verwendung von iframes für Ajax Long Polling?
- 20. Welche Vorteile bietet Liquibase für Datenbankmigrationen?
- 21. Welche Vorteile bietet die Python-Bibliothek/Anwendung als .egg-Datei?
- 22. Welche Vorteile bietet das dynamische Laden von DLLs?
- 23. Bietet die "using" -Richtlinie Vorteile?
- 24. Welche Vorteile bietet WCF gegenüber ASMX-Webdiensten?
- 25. Welche Vorteile bietet die Funktion TearDown() und Setup()?
- 26. Welche Vorteile bietet die Verwendung der Visual Studio-Veröffentlichungsfunktion in ASP.NET?
- 27. Welche Vorteile bietet die Verwendung des Eventlet-Moduls in Python gegenüber dem Threading-Modul?
- 28. Welche Vorteile bietet Spring Data neo4j gegenüber der direkten Verwendung von neo4j?
- 29. Vorteile der Verwendung von Ruby FileUtils anstelle von Bash-Befehlen?
- 30. Welche Vorteile bietet die Verwendung der Zeilenkonstruktorsyntax in einer T-Sql-insert-Anweisung?
+1: die definitive Antwort. – Skilldrick
Danke David, du sagst also, es ist sicherer in Bezug auf die Browserkompatibilität, '' '' anstelle von '' '' 'für Schriftgrößen zu verwenden? Wenn ich eine Schriftgröße in '%' festlege, wird sie mit der Basisschriftgröße oder dem umschließenden Block berechnet? –
Weder. Schriftgrößen, die in Prozent angegeben sind, wie em, sind relativ zur Schriftgröße des übergeordneten Elements. (Hoppla, das hebt einen Fehler in meiner Antwort hervor, ich werde das korrigieren) – Quentin