直接說結論
把100vh用fill-available取代:
// For Edge
height: 100%;// WebKit-based browsers will ignore this
height: -moz-available;// Mozilla-based browsers will ignore this.
height: -webkit-fill-available; // For WebKit-based browsers, Edge not support this
height: fill-available;
就這麼簡單!
這個做法在iOS Chrome, iOS Safari, Android Chrome, desktop Chrome, desktop Safari上實際測試過view height都能符合原預期。
有興趣可以去看看fill-available在各platform/browser的支援度。

