Px to Rem how to use?

Question

css

Actually, I tried two gallp plugins today, but they didn’t take off for me.
Maybe someone already uses such a bunch, share the task.
How would it be more convenient to typeset in PX, but I want to achieve a better display of the site.
Yes, and it took recently to make a version for the visually impaired and the site collapsed ugly.
In html, I usually have 16px or 14px.

Answer 1

Well, here's the basic outline.

$root-font-size: 16px;

@function rem($size) {
  @return $size / $root-font-size * 1rem;
}

html {
  font-size: ($root-font-size / 16px) * 100%;
}

.some-block {
  font-size: rem(24px);
}

The function can be replaced with a mixin, whichever is more convenient. It is easier to make a pixel fallback with a mixin (only IE8 is relevant).
You can use mixins from vertical-rhytm as part of a compass.
You can look at other libraries. Lots of options.