IE11中使用flex + min-height做垂直置中的問題

前端的人使用bootstrap4切版，套版後覺得不好看，臨時改成有有最小高度，結果發現在IE無法垂直置中，查半天跟flex有關的資料，看到internet-explorer - 在 IE 中，css Flexbox不是垂直居中提到height要設定因為ie的bug，實際設定height設個比min-height小的值，就真的垂直置中了，真的太神奇了 ＠＠

PS. 不確定是否全部ie版本都能用，但ie11可行。

--- 7/16 更新
傻傻的以為能用，這做法不適合高度會變動的版面

參考網址：
internet-explorer - 在 IE 中，css Flexbox不是垂直居中

ie11執行上傳回傳json卻變成下載json檔

最近一個案子真的遇到超多以前不曾出現，同元件現在卻出現的問題，總之遇到下圖的問題，上傳檔案回傳時是application/json，但在ie11上回應下圖。

同事提供了這網址：[ASP .NET MVC] 用IE執行上傳檔案後，回傳JSON格式來回報上傳狀況，結果卻是下載JSON ?!，再看了下Laravel的Response文件，將回應的部分改成底下這樣就成功了，IE、Chrome等瀏覽器都可使用。

response()->json([
    'file_path'  => xxxx,
    'message' => '上傳成功',
    'suc'   => true,
])->header('Content-Type', 'text/html');

參考網址：
[ASP .NET MVC] 用IE執行上傳檔案後，回傳JSON格式來回報上傳狀況，結果卻是下載JSON ?!