[sport]class=”mt-5 min-vh-100″ 列印時 多了一頁空白頁

folk11505\templates\main.htm第二行
 

<section class="mt-5 min-vh-100 " >

導致列印時會多了一頁空白頁

列印時會多出一頁空白頁，核心原因在於 min-vh-100（min-height: 100vh）搭配 mt-5（margin-top）超出了單頁紙張的絕對高度。
在瀏覽器渲染中，100vh 代表整個可視視窗高度。當轉為列印模式時，100vh 會被視為「一張紙的滿頁高度」。此時如果加上頂部外距（mt-5），總高度就會變成「1 張紙的高度 + 頂部外距」，進而溢出並強行擠出第二頁空白頁。此外，許多瀏覽器預設的列印邊距也會與 100vh 累加導致溢出。

解決方案

請在 CSS 中加入 @media print（列印專用樣式），在列印時將高度與外距還原為自適應，即可完美消除空白頁。
 

@media print {
  /* 移除列印時的強置滿版高度與上外距 */
  .min-vh-100 {
    min-height: auto !important;
  }
  .mt-5 {
    margin-top: 0 !important;
  }
}