use*_*672 6 html5 transform zoom css3
在缩放HTML元素时遇到一些困难.在FF或Chrome中,看看(非常非常简单的小代码):
从下拉列表中选择150%.黑白渐变框将缩放至其原始大小的150%.现在它已缩放,请注意水平滚动条出现,垂直滚动条扩展以适应新的,更大的缩放高度和宽度.
现在从150%切换到50%.渐变框确实扩展到50%,但请注意(垂直)滚动条不会收缩以适应新的,更小的缩放高度.相反,渐变框下面有一堆空的空白区域.
为什么浏览器刷新滚动条以进行大于100%但不小于100%的缩放？如何以低于100%的方式获得与100%以上相同的行为？我不想要这个空白区域.
我对正在发生的事情有一些了解：
缩放仅影响渐变框，而不影响其所在的容器 div。因此，当您将框缩放到 150% 时，框现在相对大于其内部容器 div 的大小（容器 div 始终为 496x250），因此它会放置滚动条。
另一方面，当你把它变小时，渐变框就比它里面的容器 div 小，所以就不需要滚动条了。
可能有几种不同的方法来处理这个问题。主要问题是您没有处理容器 div 的大小调整/缩放。
| 归档时间： |
|
| 查看次数： |
1030 次 |
| 最近记录： |