mersy’s lab » Blog Archive » 印刷用のprint.cssを当てたページは別ページで
======================================== 2008.3.24 印刷用cssについて別エントリー。 ======================================== ボタンとかリンクをクリックしたら、印刷用のスタイルを当てたページをさくっと開くのは実は簡単じゃない？ 現在見てるページのHTMLをそのまんま別ウィンドウもしくはページ移動で表示させて、そこに印刷用のcssを当てるってのはできないのか？？ target=”_blank”はなんとなく使いたくないから、ここもjavascriptでってことか？？ cssの切替だけならまだしも、その内容をどっか別のページでとなると、別ページ作らないといけないのかなぁ？？ それはさすがにめんどいから現実的じゃないが。 何となく始めてみたら意外と奥が深かった。。 うーん。。。 とりあえずj
TRANS [hatena] - 印刷用CSSをまとめてみた。
以前、絵文禄のことのはさんのところで、サイトの横幅を640ピクセルにする理由――統計と現状に基づく結論というエントリーがあった。それから、ちょっと印刷用CSSに興味を持って、色々と調べてみたり、自分で書いてみたりした。そのまとめ。 ちなみに、#naviがグローバルナビゲーション、#primaryがメインコンテンツ、#secondaryがサブメニュー、#footerがフッター。 とりあえず、最低限やっておいたほうがよいこと。 body { font-size: 12pt; color: #000000; background-color: #FFFFFF; } a:link, a:visited { text-decoration: underline; color: #000000; } img { border: 0; } 印刷で読まれることを勘案するのなら、font-sizeはある程度
![TRANS [hatena] - 印刷用CSSをまとめてみた。](https://cdn-ak-scissors.b.st-hatena.com/image/square/860579fb9ea6fc896c86331cc2f3af60ddeb6ef1/height=288;version=1;width=512/https%3A%2F%2Fogimage.blog.st-hatena.com%2F6435988827676522384%2F6435988827676523499%2F1448268251)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
