# Header 保持外觀一致的配置 ###### tags: `實作 Style` ## 結果 ![](https://i.imgur.com/3u3JopW.gif) ![](https://i.imgur.com/KuAlyfG.png) ## CSS 高度依照寬度來調整,所以是用寬度去計算 ``` .customHeaderBg { background-image: url(/Images/PythonReport/header.jpg) !important; background-size: 100% 100% !important; height: calc(100vw - 82vw) !important; ```