Можно ли компенсировать медиа-запросы «em», которые запускаются с неправильной шириной, когда размер шрифта html установлен на 62,5%?

Когда базовый размер шрифта html установлен на 62,5%. @media-запросы в единицах «em» срабатывают с неправильной шириной? Почему?

html {
  font-size: 62.5%;
  -webkit-text-size-adjust: 100%;
}

см. jsfiddle

Если я создам функцию scss, которая вычисляет значение @media-querie, это если размер шрифта html был установлен на 100%. @media-запросы срабатывают правильно. Это хороший способ решить эту проблему?

/* function to correct em sizes, as if the html font size was set to 
100% */
@function emCorrection($value: false) {
  @return $value - (($value / 100) * 37.5) * 1em;
}

см. jsfiddle