How to transform em into px inside bootstrap framework
toplisek
4:42 pm on Feb 18, 2015 (gmt 0)
I have to transform @media (max-width: 47.9375em) { into PX.
which value will be actually correct?
not2easy
6:37 pm on Feb 18, 2015 (gmt 0)
What is your default font size (in
html {font-size:xx;}
)? that's were you can calculate em and inversely, px. IF none is set for
html{
look at
body{
birdbrain
6:47 pm on Feb 18, 2015 (gmt 0)
Hi there toplisek,
assuming that...
1em equates to 16px
...then...
47.9375em would equate to 767px
birdbrain
toplisek
8:24 am on Feb 19, 2015 (gmt 0)
Usually there is setting 62.5 %. Browser's default size is 16px. It means 1em is 10px.
47.9375em would equate to 479px It triggers any device with a width less than 479px. /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
It means I have to check all the time body element inside plugins before I define media queries.
Example: Shuffle plugin uses: Media queries:@media (max-width: 47.9375em) {... html { font-family: sans-serif; } body { margin: 0; }
[edited by: not2easy at 2:27 pm (utc) on Feb 19, 2015] [edit reason] url snip [/edit]