Web App 如何讓最外層容器根據裝置大小調整？

Web App 中想讓最外層容器 .aaa 根據視窗大小調整，設定 width: 90% 有效，但 height: 90% 變成 0。

原因

CSS 高度百分比參考的是父元素高度，若父元素沒有明確高度，百分比高度會失效。

解決方式

可使用 CSS 單位 vh（視窗高度），例如 height: 90vh，或透過 JavaScript 設定 aaa.style.height = window.innerHeight + 'px'。