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



所以我确实注意到,与缩放相关的布局问题通常都在处理中,但我找不到答案——我写了一个WEB计算,在Chrome和Firefox中,但在IE中,放大和缩小时按钮只是滑出了位置。解决方法是什么?

width:220px提供给您的#maindiv

如果你仔细查看你的CSS,你会发现按钮在一起(一行5个)在调整大小时实际上比Maindiv的宽度更大。将宽度增加到220px解决了这个问题。另一种解决方案可以是为所有元素提供最大宽度和最大高度,另一种可以是正确布局元素,而不仅仅依赖于浏览器的定位。做后者是一项琐碎的任务。

为了搜索者,我的解决方案是最终使用一个表来制作计算器。我知道使用表格进行布局被认为是一种糟糕的做法,但考虑到计算器的形状不应该根据新内容或最终用户屏幕的大小进行调整(至少在我的情况下),这似乎是最好的实现。这是避免在放大-缩小中丢失布局形状的唯一方法,这就是div的全部内容。

最新更新