Web ページに CSS ページ番号を単純に追加できないのはなぜですか?

ブラウザによる CSS ページ番号のサポート: 興味深いジレンマ

見た目の単純さにもかかわらず、Web ページの印刷版にページ番号を追加することはCSS を使用すると、複雑な課題が生じます。 @page タグと @bottom-right タグは有望に見えますが、一般的な Web ブラウザでは実際の実装が難しいことがわかっています。

この問題に対処するために、あるユーザーは、必要最小限の HTML ファイルに次のコードを実装しようとしました。 :

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

ただし、これによりテキストは表示されませんでした。 Windows 7 上の Chrome、Firefox、IE9 では、カウンターやより複雑なコンテンツを使用しようとさらに試みましたが、失敗したことが判明しました。

さらなる調査により、Web ブラウザーでのページ メディアのサポートはまだ初期段階にあることが判明しました。レイアウト エンジンの比較に関する Wikipedia ページによると、現在マージン ボックスをサポートしている主要なブラウザはありません。この重要な機能により、ページ番号付け、ヘッダー、フッターが有効になります。

その結果、CSS ページ番号の実装は、Web 開発者にとって依然としてとらえどころのない目標となっています。現時点では PDF 変換が唯一の信頼できる解決策ですが、追加のオーバーヘッドが発生します。ページ付きメディアに対するブラウザーのサポートの欠如は、Web テクノロジーの継続的な進化と、その限界を押し広げる際に生じる課題を浮き彫りにしています。

以上がWeb ページに CSS ページ番号を単純に追加できないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。