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”;
    }
    }