放大页面会破坏Firefox中的布局，但在Chrome中不会
放大页面会破坏Firefox中的布局，但在Chrome中不会
提问于 2020-08-11 21:46:03
我制作的一个网页在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);
}你知道我做错了什么吗？
回答 1
Stack Overflow用户
发布于 2020-08-11 22:19:20
据我所知，即使放大firefox也不会破坏布局(参见下面的屏幕截图)。也许您可能想要从<span id = "format_as_code">中删除宽度或将其设置为auto，以查看是否有任何更改。
关于性能的快速提示:我注意到每秒钟所有的跨度(我认为代表画布的像素)都会更新，甚至是那些根本不变的跨度！
这会导致明显的性能下降，因此可能需要研究一下。
我会附上一个截图，我如何看到的网站，以及它如何在FF 79 64位渲染。
希望这能对你有所帮助！
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/63359532
复制相关文章
相似问题
腾讯云开发者
