css rem 转换px |css 图片放在div的底部

/**
 * 将rem转换为像素(px)
 * @param {string} rem - 需要转换的rem值
 * @return {string} 返回以px为单位的字符串
 */
function remToPx(rem) {
const baseFontSize = parseFloat(getComputedStyle(document.documentElement).fontSize);
return rem * baseFontSize + 'px';
}
// 使用示例
const valueInRem = 2.5;
const valueInPx = remToPx(valueInRem);
console.log(`${valueInRem}rem = ${valueInPx}`);

在以上示例中，大家将使用getComputedStyle函数来获取根元素的字体大小(即使用了‘rem’单位的1rem相当于多少px)。然后，将rem值转换为像素值，并返回以px为单位的字符串。

通过以上代码示例，大家可以很容易地将rem值转换为像素值，从而能够更好地适应不同的屏幕尺寸。