-
1. Re: How can convert the em,px,pt and % in css
Approx. Conversions
1em = 100% = 16px = 12pt
Nancy O.
-
2. Re: How can convert the em,px,pt and % in css
I'm not sure what you mean by "convert" them?
Most browsers default font is 16px/1em/12pt/100%
-
3. Re: How can convert the em,px,pt and % in css
Not really.
There are absolute units (cm, mm, in, px, pt, pc) and relative units (em, ex, ch, %, rem, vw, vh, vmin, vmax) in CSS and by definition they cannot be converted to each other - e.g. 1em can be 1px or 1000px depending on the base/parent unit length.
--
Kenneth Kawamoto
-
4. Re: How can convert the em,px,pt and % in css
thanks all. I am try to make a website. I want to font size & web container widths are very friendly to all browsers & devices.
Plz help this?
-
5. Re: How can convert the em,px,pt and % in css
Responsive Web Design
http://coding.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/
Introduction to CSS Media Queries
http://www.adobe.com/devnet/dreamweaver/articles/introducing-media-queries.html
CS6 Fluid Grid Layouts (6 min video)
CS6 Fluid Grid layouts (17 min video)
http://tv.adobe.com/watch/learn-dreamweaver-cs6/using-fluid-grid-layouts/
Step-by-Step tutorial -- Building Fluid Grid Layouts in DW CS6
http://www.adobe.com/inspire/2012/08/fluid-grid-layouts-dreamweaver-cs6.html
Nancy O.
-
6. Re: How can convert the em,px,pt and % in css
thanks nancy.
For eg my web page width is 960 which formula used for convert to the percentage.
Same for Font i would like to apply font size for 18 pt which formula used for same?
-
8. Re: How can convert the em,px,pt and % in css
Thanks nancy.
what is the base value for convertion.
For eg i dont have a this convertion table i would like to apply for 17 pt font size to ems & %. How can i get ems & percentage.
In any base value to extraction from 17pt to 1.45 em & 145% .
Because 17 pt size is = 1.45 em & 145% . How can we get this values. plz brief me
-
9. Re: How can convert the em,px,pt and % in css
Point is a print size. It doesn't translate well to screen.
1 ÷ parent font size (px)
x required pixels
= em equivalent
Assuming your base font size is 16px (browser default)
1 ÷ 16px = 0.625
x 960px screen width
= 60em
Nancy O.
-
10. Re: How can convert the em,px,pt and % in css
thank you so much nancy.
I have one doubt what is the base value for pixels to percentage.
for Eg my container width = 960 px how can i convert to percentage.
what is the formula.
-
11. Re: How can convert the em,px,pt and % in css
Percentage settings for container width is based on the parent container. If the parent containers have no fixed width increment set, then % will be based off of the browser window width.
To convert 960px to a percentage, you would need to have a rule in place in the css defining the total maximum width of its container to then base a percentage off of. If you set the container width to 1000px, 960px would be 96%.
-
12. Re: How can convert the em,px,pt and % in css
hi jon how can get 96%. are you using any formula for that.
-
13. Re: How can convert the em,px,pt and % in css
100% = available viewport. What you're asking is not possible to calculate unless you know the display size. Since everybody uses different display sizes and browser viewport widths, this is an unknown variable. Displays vary from 300px all the way up to 3200px.
The best you can do is to create a fixed body width of 1000px and an inner div width of 96% = 960px.
CSS:
body {width: 1000px}
#container {width: 96%; margin: 0 auto}
Nancy O.
-
14. Re: How can convert the em,px,pt and % in css
thanks nancy.
I have one doubt my container width is 96% ok i want to apply Margin 10 px for container, this case can i convert margin also to percentage?
how can i do this?
-
15. Re: How can convert the em,px,pt and % in css
Yes, you can margin: 1% or whatever works best for your project.
Nancy O.
-