如何Zoomin /缩小（ZoomOut）的内容和页面都不仅页面高度

Question

我创建了一个网站使用CSS对100％的宽度，但是当我缩小（ZoomOut）我的网页，它是缩小只有高度，没有高度和宽度都

任何人都可以知道，为什么它是这样的？

Answer 1

如果你将有一个分区，通常可以说，400px的宽度。这意味着如果你缩小到50％，div将占用200px。但是，您没有固定的高度，但使用一个百分比。所以即使大部分东西都是缩放的（例如字体大小），分区占据了屏幕宽度的100％。高度不会相应改变，因为字体大小缩小了50％，这意味着该分区相对增长了两倍于原始宽度。由于文本缩小了两倍，高度也变小了。

如果你有一个直径较大的玻璃，你不必为了得到相同数量的水而填充到与较小直径的玻璃一样高的高度。记住这一点。