Mehr als weniger renne ich in Zeiten, in denen ich anstelle von pt pt anstelle von pt, oder was auch immer, und versuchen, die richtige Größe für etwas größer als sagen 36px ist manchmal mehr ein Schmerz in der .... als es sollte. Also ich möchte mir im Grunde einen kleinen Umrechnungsrechner machen. Jedoch kann ich nichts finden, das unterscheidet, was die Umwandlungsrate von einem zum anderen für einen gleichen Gegenstück des anderen ist.
Ich hoffe, ich kann hier jemanden finden, der mir dabei helfen kann. Im Grunde ist meine allgemeine Hoffnung, mich ein wenig jQuery basierte Eingabe wie Taschenrechner zu machen. Ich gebe mein px, pt,%, anderes ein und wähle meine Konvertierung aus, um zu tippen und ok zu klicken.
Erstellen Sie die Berechnung, einfach genug. Die Mathematik müsste ich pro Konvertierung nicht so sehr anwenden, und das hoffe ich hier zu finden, damit ich es schaffen kann.
Nun,
12pt = 16px = 1em = 100%
vorausgesetzt, Sie ändern nicht die Schriftgröße auf dem Körper (sonst wird die pt anders sein), die dpi Ihres Betriebssystems ist eingestellt auf 72 usw. etc ..
Die Beziehung sieht folgendermaßen aus:
%Vor%in diesem Fall. Es ist erwähnenswert, dass die Verwendung von pt falsch ist, es sei denn, Sie drucken etwas, und die Verwendung von px,% oder em ist üblicher.
Persönlich verwende ich einfach px oder em. Die Verwendung von% oder em ist praktisch für Designs, bei denen sich die Basisschriftgröße für kleinere Bildschirme ändert.
Ems und% s sind relative Werte, die sich je nach Kontext ändern können. Normalerweise entspricht 1em 16px, aber wenn Sie die Schriftgröße Ihres Körpers ändern, entspricht 1em dem, was Sie auch geändert haben. 1,25em entspricht auch 125%.
Im Allgemeinen entspricht 72pt 1 Zoll, sollte aber außerhalb von CSS nicht verwendet werden.
px ist ebenfalls absolut, hängt jedoch stark vom DPI des Clientgeräts ab. Dies variiert stark, aber die meisten Geräte handhaben Pixel-Werte auf eine verfälschbare Art und Weise - 10px auf einer Retina-iPhone zeigt das gleiche wie 10px auf einem Pre-Retina-Gerät.
Es gibt auch rem , das sich auf die Schriftgröße Ihres Elements html bezieht. Siehe mehr: Ссылка
Um eine Website für alle offen zu halten, müssen Sie Punkte und Pixel loswerden. Sie benötigen diese Messungen, um relativ zu sein. Daher Prozente und ems.
Das ist der beste Weg.
Viele Menschen (Kunden) haben eine Vielzahl von Sehproblemen.
Warum sollte man eine Website machen, die diese Leute nicht einfach benutzen können?
(Verschiedene Standards befassen sich mit diesen Problemen)
Diese Beziehungen sind aneinander gebunden, ABER beachten Sie, dass sie nicht den physischen Dimensionen im Bildschirmlayout entsprechen. 1in entspricht nur einem tatsächlichen Zoll auf dem Bildschirm, wenn der Bildschirm eine genaue DPI bei 96 hat. Es gibt eine Vielzahl von Bildschirmen und Geräten, so dass dies nur selten der Fall ist.
1px entspricht auch nicht immer einem physikalischen Pixel. Für Geräte mit hohem dpi (z. B. "Retina" -Displays) kann der Browser px-Einheiten in Vielfache von physikalischen Pixeln umwandeln, z. 1px = 4x4 physikalische Pixel.
Im Druck entsprechen die Einheiten in cm, mm tatsächlich den physikalischen Einheiten. Die px-Einheit hat jedoch keine Beziehung zu Bildschirmpixeln (oder dpi), wenn sie für ein Druck-Stylesheet verwendet wird. Es ist nur als 1/96 Zoll definiert.
Die relativen Einheiten (em, ex,%) können nicht in absolute Einheiten (px, cm, mm, in, pc, pt) konvertiert werden, da die relativen Einheiten von der aktuellen Schriftgröße abhängen.
Tags und Links javascript jquery css size php