防止放大/缩小浏览器中的布局 - 而不是通常的div

Question

所以我注意到通常会处理与缩放相关的布局问题，但我找不到我的案例的答案 - 我写了a WEB calc，按钮只是滑出了地方< / strong>放大和缩小时，在Chrome和Firefox中，但不在IE中。修复它的方法是什么？

Answer 1

将width:220px提供给您的#main div

如果你仔细查看你的CSS，你会发现在调整大小时，按钮在一起（5行）实际上比主div更宽。将宽度增加到220px可以解决这个问题。另一种解决方案可以是为所有元素提供max-width和max-height，另一种解决方案可以是正确布局元素，而不仅仅依赖于浏览器的定位。做后者是一项微不足道的任务。

Answer 2

为了搜索者，我的解决方案是使用表格最终制作计算器。我知道使用表格进行布局被认为是一种不好的做法，但考虑到计算器形状不应该适应新内容或最终用户屏幕的大小（至少在我的情况下），它似乎是最好的实现。这是避免在放大缩小时失去布局形状的唯一方法，这是div的全部内容。