Die Conversion-rate von pt, em, px, Prozent, andere

Mehr als weniger, ich Laufe mal wenn ich benutze pt statt px oder em anstelle von pt, oder was auch immer der Fall, und versuchen zu finden, die richtige Größe für etwas, größer als, sagen wir 36px ist manchmal mehr ein Schmerz in der .... als es sollte. Also habe ich im Grunde wollen, um mich ein wenig-Umwandlung Rechner. Aber ich kann nicht scheinen, etwas zu finden, das unterscheidet, was die conversion-rate von einem auf den anderen für ein gleichwertiges Gegenstück des anderen.

Ich hoffe ich finde jemand hier kann mir wer helfen mit, dass. Im Grunde meine gesamte Hoffnung ist, um mich ein wenig jquery-basierte Eingabe wie Taschenrechner. Ich Taste in meiner px, pt, %, sonstige und wählen Sie " meine Konvertierung zum Typ und klicken Sie auf ok.

Erstellen Sie die Berechnung, einfach genug. Die Mathematik würde ich gelten-per-conversion-basis nicht so viel, und das ist, was ich hoffe hier zu finden, damit ich es tun kann.

  • Es gibt einen Grund, warum solch ein Rechner nicht existiert: px ist ein absoluter Wert, wie pt, em, Prozent, etc. sind relative Werte. Warte mal, ich werde Graben, bis eine Frage ALSO...
  • Siehe z.B. stackoverflow.com/questions/3333076/...
  • Auch stackoverflow.com/questions/609517/why-em-instead-of-px
  • Verlinkung auf den link in der ersten Frage (Sie sparen sich einen Klick) css-tricks.com/css-font-size
  • v1.jontangerine.com/silo/css/pixels-to-ems
  • Auch eine gute Referenz: kyleschaeffer.com/best-practices/...
  • Sollte ich betonte, dass ich wusste, dass es nicht eine exakte Wissenschaft, die würde ich nicht bekommen genaue Erklärungen oder Konvertierungen verursachen genau das, was Pekka sagte, aber insgesamt bin ich gerade auf der Suche nach in der Nähe genug, wenn ich wirklich brauchen, um zu gehen von dem einen oder dem anderen der andere.
  • Ich habe viel Liebe zu den anderen, die Beziehung zu den anderen. Das wird Spaß machen. Aber Spaß beiseite, der Umbau von PX auf CM zum Beispiel hängt Sie auf dem Bildschirm Anzeige auf. PX ist relativ zur Bildschirmauflösung.

InformationsquelleAutor chris | 2012-06-01
  1. 19

    Gut,

    12pt = 16px = 1em = 100%

    vorausgesetzt, dass Sie sich nicht ändern, die Schriftgröße, die auf den Körper (sonst ist der pt anders sein), den dpi-Wert deines OS ist bei 72 etc etc..

    Die Beziehung sieht wie folgt aus:

    pt = 3/4*px

em = pt/12

% = pt*100/12

    in diesem Fall. Es ist darauf hinzuweisen, dass die Verwendung von pt ist falsch, es sei denn, Sie drucken etwas, und mit px, % oder em ist mehr gewohnt.

    Persönlich, ich benutze nur px oder em. Mit % oder em eignet sich für Konstruktionen, bei denen die Basis-Schriftgröße für kleinere Bildschirme.

    • Normalerweise bin ich ein fan der em-mich, die größte Sache, die in diesem Szenario ist, arbeite ich mit mehreren Designern und Sie haben jeweils eigene Präferenzen, was Sie bevorzugen. Und Krank zu bekommen Skillung von einem Kerl, das ist wie diese brauchen wir, um "320pt x 600pt" und dachte immer, dass in em oder px in einigen Fällen ist manchmal ein Schmerz.
    • Für web-design, pt ist nie richtig. Vielleicht sprechen Sie über das, was Sie denken, dass ein pt bedeutet. Sie finden, könnten Sie denken, pt == px...
    • Für web-design-ja, ich bin damit einverstanden, aber vielleicht ein oder 2 von diesen Menschen wissen nichts über web-design, alle grafischen Jungs in photoshop arbeiten, illistrator, oder in einigen Fällen, print-Designer. Also mehr als oft nicht ich bin, Umwandlung etwas, das war für den Druck bestimmt eher, als das web
    • Das klingt wie ein Alptraum! Hoffe, dass diese Konvertierungen sind sehr nützlich für Sie!
    • Nach 6 Jahren der post, habe ich einen Fehler gemacht? wenn 12pt=16px, ist es werden sollte, 1pt = 4/3px, nicht 1 Pkt = 3/4px als die oben erwähnten.
    InformationsquelleAutor Rich Bradshaw
  2. 3

    Ems und %s sind relative Werte, die sich ändern können, je nach Kontext. Normalerweise, 1em entspricht 16px, aber wenn Sie Ihrem Körper die font-size 1em entspricht, was auch immer Sie es geändert. 1.25 em ist auch gleichwertig zu 125%.

    Generell 72pt entspricht 1 Zoll, aber es sollte nicht verwendet werden, außerhalb von print-CSS.

    px ist auch absolut, sondern ist sehr stark abhängig von der client-Vorrichtung DPI. Diese variiert sehr stark, aber die meisten Geräte verarbeiten px-Werte in einem perdictable Weise -- 10px auf einem retina iphone zeigt das gleiche wie 10px auf einer pre-retina-Gerät.

    Gibt es auch rem bezieht sich auf die font-size Ihre html element. Sehen Sie mehr: http://snook.ca/archives/html_and_css/font-size-with-rem

    InformationsquelleAutor davethegr8
  3. 0

    Um eine web-site wirklich offen für alle, die Sie benötigen, um loszuwerden, Punkte und Pixel. Sie müssen diese Messungen werden relativ. Also Proz und ems.

    Dass der beste Weg zu gehen.

    Viele Leute (Kunden) hat eine Vielzahl von Sehstörungen.

    Warum eine Website, dass diese Menschen nicht einfach benutzen?

    (Vielzahl von standards, die diese Probleme anzugehen)

    • ja, und niemand ist dem nicht Zustimmen, aber wie bereits erwähnt.. die Designer arbeite ich nicht, die Rechnung zu tragen, wenn er mir die anfänglichen Spezifikationen für solche Sachen, also habe ich zu gehen und finden der Entsprechungen, so kann ich die Websites/software mehr den standards, die auf der web-Seite der Dinge. Find ich versuchen, entsprechen den Massen die Notwendigkeit ist ein lächerliches Konzept, so dass anstatt zu kämpfen den stream, ich nehme einfach was ich bekomme und was ich machen muss, um es richtig machen. Aber am Ende seiner über kleine tools, die mir helfen auf meine Suche 🙂
    • Bitte kämpfen die Strom -, denn eines Tages müssen SIE möglicherweise jemanden zu kämpfen stream.
    InformationsquelleAutor Ed Heal
  4. 0
    • 1mm = ca 3.78 px
    • 1 cm = 10 mm = ca 37.8 px
    • 1in = 25.4 mm = 96px
    • 1pt = 1/72 in = 1 1/3 px
    • 1 pc = 12pt = 1/6 in = 16px
    • 1 px = 3/4pt = 1/96 in

    Diese Beziehungen sind fest miteinander ABER bewusst sein, dass Sie dem nicht entsprechen, Abmessungen in Bildschirm-layout. 1in nur entsprechen einem tatsächlichen inch auf den Bildschirm, wenn der Bildschirm hat en genauen DPI auf 96. Es existiert eine Vielzahl von Bildschirmen und Geräten, so dass nur selten wird dies tatsächlich der Fall sein.

    1px entspricht nicht immer einem physikalischen pixel entweder. Für high-dpi-Geräte (z.B. "retina" displays), der browser kann konvertieren px-Einheiten auf ein Vielfaches der physischen Pixel, zB. 1px = 4x4 physikalische Pixel.

    In print, Einheiten, in, cm, mm tatsächlich entsprechen die physikalischen Einheiten. Der px-Einheit, aber haben keinen Bezug auf die Bildschirm-Pixel (oder dpi), wenn Sie für ein Druck-stylesheet. Es ist einfach definiert als 1/96 Zoll.

    Relativen Einheiten (em, ex, %) können nicht konvertiert werden, in absolute Maßeinheiten (px, cm, mm, in, pc, pt) da der relative Einheiten ist abhängig von der aktuellen Schriftgröße.

    InformationsquelleAutor JacquesB
Schreibe einen Kommentar