---
# System prepended metadata

title: Header 保持外觀一致的配置
tags: [實作 Style]

---

# 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;
```