Px、Em 换算工具
以下工具提供了em和px的换算工具。
- 第一个输入框:设置了网页默认的字体像素 (通常 16px)
- 第二个输入框:输入像素值,可以将 px 换算为 em。
- 第三个输入框:输入em(相对长度单位)值,可以将 em 换算为 px。
设置默认的像素大小:
px
PX 换算为 EM:
pxEM 换算为 PX:
em
换算结果:
文本字体大小
下表列出了在网页字体默认值为 16px 时, px 和 em 及网页字体百分比的换算数据。
相关文章
- px,pt,em换算表
- px、em、rem区别介绍
-
function fillTable(x) {
var t = “”;
t = t + “”
t = t + “”
t = t + “px ”
t = t + “em ”
t = t + “百分比 ”
t = t + “”
for (i = 5; i < 26; i++) {
t = t + "” + i + “px ”
t = t + “” + (i/x).toFixed(4) + “em ”
t = t + “” + ((i/x) * 100).toFixed(2) + “% ”
t = t + “”
}
t = t + ““;
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”;
}
}
评论0