Forum Moderators: not2easy

Message Too Old, No Replies

How to transform em into px inside bootstrap framework

         

toplisek

4:42 pm on Feb 18, 2015 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



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)

WebmasterWorld Administrator 10+ Year Member Top Contributors Of The Month



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)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



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]