我特别需要将所有网页内容与底部对齐。原因是身体有背景图像。如果缩小,由于图像中的云,内容会随着页面的上升而变得不可读。因此,如果有人缩小内容,则需要保留在图像下半部分的底部。
问题是
position: absolute:
bottom : 0;
不起作用,因为如果它们放大,或者浏览器窗口太短而无法容纳所有内容,则不会显示滚动条。
我不知道如何解决这个问题,而不使用肮脏的黑客。
当没有其他内容时,如何使包装器div(所有内容)像页脚一样停留在底部,而放大时内容不会松散?
如果这是唯一的方法,我对JS解决方案持开放态度。
编辑:
其中一个答案似乎认为我指的是CSS缩放。我不是。我说的是浏览器缩放,即Ctrl +
JSFIDDLE:http://jsfiddle.net/7hnBF/light/
光照结果(不在iframe内):http://fiddle.jshell.net/7hnBF/show/light/
注意,实际页面不是所有文本,因此文本对齐css不是一个选项。