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 + “

  px	em	百分比
  ” + 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”;
  }
  }