如何Zoomin /縮小（ZoomOut）的內容和頁面都不僅頁面高度

Question

我創建了一個網站使用CSS對100％的寬度，但是當我縮小（ZoomOut）我的網頁，它是縮小隻有高度，沒有高度和寬度都

任何人都可以知道，爲什麼它是這樣的？

Answer 1

如果你將有一個分區，通常可以說，400px的寬度。這意味着如果你縮小到50％，div將佔用200px。但是，您沒有固定的高度，但使用一個百分比。所以即使大部分東西都是縮放的（例如字體大小），分區佔據了屏幕寬度的100％。高度不會相應改變，因爲字體大小縮小了50％，這意味着該分區相對增長了兩倍於原始寬度。由於文本縮小了兩倍，高度也變小了。

如果你有一個直徑較大的玻璃，你不必爲了得到相同數量的水而填充到與較小直徑的玻璃一樣高的高度。記住這一點。