@ media query rem - Post ID 269092

User 171749 Photo


Registered User
91 posts

is there a way to change the media query from rem to px for exporting? When I export, media queries come up as @media screen and (min-width: 48rem). want to export with px instead.

I have the last version of Safari for Windows that I use to test with (I know it's old but it's all I have). This version does not seem to recognize media queries with rem but will recognize them as px. In other words it just works with px but doesn't with rem. I assume the new Safari for Macs recognize rem queries?
User 122279 Photo


Senior Advisor
14,447 posts
Online Now

If you check here: http://caniuse.com/#search=rem you will see that all the browsers' current versions now support rem. Whether the old Safari for Windows do, I can't tell.

I haven't seen any setting for px instead of rem for media queries in RBB style sheets. Just remember that 1rem is 16px.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 171749 Photo


Registered User
91 posts

Thanks Inger. Yes looking around the net it seems some versions of Safari has problems with rem. My old version works fine with px and as a test I changed the queries to em and the old version works fine with that too.

Might be nice if one could set what they want to use for media queries in a preference somewhere. Maybe on a future release.

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.