如何放大/缩小内容和页面不仅页面高度

时间:2014-03-25 07:35:46

标签: javascript css css3 jsp

我创建了一个使用css应用100%宽度的网站,但当我缩小页面时,它只缩小高度,而不是高度和宽度

任何人都可以知道,为什么会这样?

1 个答案:

答案 0 :(得分:0)

如果你有一个通常宽度为400px的分区。这意味着如果你缩小到50%,那么div将占用200px。但是,您没有固定的高度,但使用百分比。因此,尽管大多数东西都会缩放(例如字体大小),但分割占用屏幕宽度的100%。高度没有相应变化,因为字体大小缩小了50%,这意味着分割相对增长到原始宽度的两倍。因为文本缩小了两倍,所以高度也变小了。

如果你有一个直径更大的玻璃杯,你不必将它填充到一个较小直径的玻璃杯中,以获得相同的水量。记住这一点。