Obeta

获取当前CSS中的REM值大小

很多时候页面中元素需要设置一个相对于rem的固定大小,因此需要获取页面中当前根rem的值.

这是一篇Code Snippet的水文.

function getRem() {
	if (document.documentElement.computedStyleMap) {
		return document.documentElement.computedStyleMap().get('font-size').value;
	}

	return parseInt(
		window.getComputedStyle(document.documentElement).fontSize,
		10
	);
}

const now1Px = getRem();
const rem2 = getRem() * 2;

关于computedStyleMap的东西可以查看我另一篇博文最新的 typed-om 提供的新特性

个人随笔记录,内容不保证完全正确,若需要转载,请注明作者和出处.