We render part of a page inside multiple websites we don't control (so we don't have control over the site's CSS, just our own)
We want to use rem units so it adjusts to the user's preferred font size
However, some of these sites do things like "font-size: 62.5%" on <html>, which makes our page section look smaller than expected (since root font size is now 10px instead of 16px)
Is there a way to get consistent sizes and keep using rem units? #css
Like, the whole deal with rem is it's relative to the root, so I'm not sure there's a good way. But em is too relative, since I don't want it relative to each child's parent.
for why rem is preferred over px, see these articles from Josh and Josh:
Add comment