缩放 HTML 元素时遇到一些困难。在 FF 或 Chrome 中，看一下(非常非常简单的小代码):
从下拉列表中选择 150%。黑白渐变框将缩放到其原始大小的 150%。现在它已缩放，请注意水平滚动条出现，垂直滚动条扩展以适应新的、更大的、缩放的高度和宽度。
现在从 150% 切换到 50%。渐变框确实缩放到 50%，但请注意(垂直)滚动条不会收缩以适应新的、较小的缩放高度。相反，渐变框下方有一堆空白。
浏览器如何刷新缩放大于 100% 但不小于 100% 的滚动条？我怎样才能让小于 100% 的人获得与大于 100% 时相同的行为？我不想要这个空白区域。
最佳答案
我对正在发生的事情有一些了解:
缩放只影响渐变框，而不影响它所在的容器 div。因此，当您将框缩放到 150% 时，框现在相对大于其内部的容器 div 的大小(容器 div 始终为 496x250)，因此它会放置滚动条。
另一方面，当你把它变小时，渐变框就会比它内部的容器 div 小，所以不需要滚动条。
可能有几种不同的方法来处理这个问题。主要问题是您没有处理容器 div 的大小调整/缩放。
关于HTML/CSS 缩放，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/7843675/