為什麼我們不能簡單地將 CSS 頁碼加入網頁？

瀏覽器對CSS 頁碼的支援：一個有趣的困境

儘管看起來很簡單，但在網頁的印刷版本中添加頁碼使用CSS 帶來了令人困惑的挑戰。雖然@page和@bottom-right標籤看起來很有前途，但事實證明它們在流行的網頁瀏覽器中的實際實作是難以捉摸的。

為了解決這個問題，一位使用者嘗試在一個簡單的HTML檔案中實作以下程式碼:

@page {
  @bottom-right {
    content: "TEXT";
  }
}

但是，這導致沒有可見的文字。在 Windows 7 上的 Chrome、Firefox 和 IE9 中，進一步嘗試使用計數器和更複雜的內容也被證明是不成功的。

經過進一步調查，發現網頁瀏覽器中的分頁媒體支援仍處於起步階段。根據佈局引擎比較的維基百科頁面，目前主流瀏覽器均不支援邊距框。這項關鍵功能支援頁面編號、頁首和頁尾。

因此，實作 CSS 頁碼對 Web 開發人員來說仍然是一個難以實現的目標。 PDF 轉換是目前唯一可靠的解決方案，但它會產生額外的開銷。瀏覽器缺乏對分頁媒體的支援凸顯了網路技術的不斷發展以及突破其界限所面臨的挑戰。

以上是為什麼我們不能簡單地將 CSS 頁碼加入網頁？的詳細內容。更多資訊請關注PHP中文網其他相關文章！