Px、Em 换算工具

以下工具提供了em和px的换算工具。

  • 第一个输入框：设置了网页默认的字体像素 (通常 16px)
  • 第二个输入框：输入像素值，可以将 px 换算为 em。
  • 第三个输入框：输入em（相对长度单位）值，可以将 em 换算为 px。

设置默认的像素大小:

px

PX 换算为 EM:
px

EM 换算为 PX:
em

换算结果:


文本字体大小

下表列出了在网页字体默认值为 16px 时， px 和 em 及网页字体百分比的换算数据。

相关文章

  • px,pt,em换算表
  • px、em、rem区别介绍
  • function fillTable(x) { var t = ""; t = t + "" t = t + "" t = t + "" t = t + "" t = t + "" t = t + "" for (i = 5; i < 26; i++) { t = t + "" t = t + "" t = t + "" t = t + "" } t = t + "
    pxem百分比
    " + i + "px" + (i/x).toFixed(4) + "em" + ((i/x) * 100).toFixed(2) + "%
    "; document.getElementById("demo").innerHTML = t; } fillTable(16); function wrong() { document.getElementById("myInput2").disabled = true; document.getElementById("myInput2").value = ""; } function wrong2() { document.getElementById("myInput").disabled = true; document.getElementById("myInput").value = ""; } function works() { document.getElementById("myInput2").disabled = false; document.getElementById("myInput2").value = ""; } function works2() { document.getElementById("myInput").disabled = false; document.getElementById("myInput").value = ""; } function myFunction() { var x = document.getElementById("myInput").value; var z = document.getElementById("myInput2").value; var y = document.getElementById("pix1").value; var res = document.getElementById("result1"); if (x) { res.innerHTML = x/y + "em"; } else { res.innerHTML = z*y + "px"; } if (isNaN (x) || isNaN (z) || isNaN (y)) { res.innerHTML = "请输入数字！"; res.style.color = "red"; } else { res.style.color = "black"; } }