当滚动条出现时,HTML / CSS Scale会覆盖整个站点

时间:2012-03-12 19:38:38

标签: css html scale

我遇到的问题是,当页面未完全看到时,div没有缩放整页,即滚动条出现在底部。

缩放:

enter image description here

当看到的部分太小时,缩放不正确:

enter image description here

如何修复?以下是小提琴:http://jsfiddle.net/gdztn/29/

澄清:内部div 必须始终为800 px宽,而 out out div 应缩放整体页面宽度。正如您在第二张图片中看到的那样,当出现滚动条时,out div不会到达页面的右端。

谢谢!

1 个答案:

答案 0 :(得分:1)

问题是#head宽度为100%,内部div具有固定宽度。如果缩小页面,它仍然是100%但小于内部div。这就像拥有一个较小的容器和一个溢出的内容。

要解决此问题,您应设置min-width的{​​{1}},以防止缩小小于内部div,例如#head

http://jsfiddle.net/gdztn/43/

编辑:同时从min-width: 850px移除position:absolute。如果确实需要绝对,那么添加#head