我制作的网页在未缩放的情况下在Chrome和Firefox中可以正常工作,但是,缩放会破坏Firefox中的布局(但由于某些原因,在Chrome中不行)。您可以看到live version。
这是Firefox中的外观:
但是,放大时,它看起来像这样:
这是该网页的CSS代码:
body {
font-family: sans-serif;
}
#format_as_code {
font-family: "Lucida Console", monospace;
font-size: 12px;
white-space: pre;
width: calc(80 * 7.2px);
background: #111111;
color: #eeeeee;
height: calc(24 * 14.5px);
display: block;
}
h1 {
text-align: center;
}
#center {
margin-left: auto;
margin-right: auto;
width: calc(80 * 7.2px);
}
知道我在做什么错吗?