100%與100vh的差異

除了網路上大家常說有沒有內容，會不會被撐開的差異外，今天在實際操作上還真的遇到一點差異，而平常不會注意到的

這張就是我把高度設為100vh的狀況，container是用flex完全置中，但上面卻會有一塊空白，導致確定按鈕會有點超出介面

這張就是我高度設定100%，在完全置中情況下，上下空白幾乎是一樣的

為什麼會有這樣些微的差距是因為vh是表示螢幕的高度，而非扣除掉原生軟體介面，剩餘的高度，所以第一張圖來看，如果把網址列及控制列算進去，他確實是完全置中沒錯，但這不是我們要的效果，所以乖乖設成100%吧