Common length unit px/em/pt/percent conversion

Source: Internet
Author: User

PX, PT, EM, ex, and in are our common length units, especially in the font size of Web pages. But do you know how PX, PT, and EM are exchanged? Here Icech for everyone to find a px, PT, EM and percent size conversion of a table, especially for the conversion of font size is very convenient. I hope you can enjoy it!

The formula for PX and PT conversion:

Previously introduced in the article PX and PT conversion rules, in fact very simple, pt=px times 3/4. such as 12pxx3/4=9pt size.

Equation for px and em conversions:

For PX To turn EM is similar to the method, that is em=16 times px, that is to say 1.5em=1.5x16=24px.

Common px/em/pt/percent conversion table in design

Pixels Ems Percent Points
6px 0.375em 37.5% 5pt
7px 0.438em 43.8% 5pt
8px 0.5em 50% 6pt
9px 0.563em 56.3% 7pt
10px 0.625em 62.5% 8pt
11px 0.688em 68.8% 8pt
12px 0.75em 75% 9pt
13px 0.813em 81.3% 10pt
14px 0.875em 87.5% 11pt
15px 0.938em 93.8% 11pt
Reprint please indicate the source
16px 1em 100% 12pt
17px 1.063em 106.3% 13pt
18px 1.125em 112.5% 14pt
19px 1.188em 118.8% 14pt
20px 1.25em 125% 15pt
21px 1.313em 131.3% 16pt
22px 1.375em 137.5% 17pt
23px 1.438em 143.8% 17pt
24px 1.5em 150% 18pt

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.