Chrome から自分のサイトのページを印刷すると、レイアウトが不安定になります。私がここで何を意味するか見てください。であるトップメニューがul
横から縦になっているのがわかります。考え?
更新: 明確にするために、問題は印刷レンダリングにはありません。印刷ダイアログを開くだけで、画面レイアウトが変更されます。
Chrome から自分のサイトのページを印刷すると、レイアウトが不安定になります。私がここで何を意味するか見てください。であるトップメニューがul
横から縦になっているのがわかります。考え?
更新: 明確にするために、問題は印刷レンダリングにはありません。印刷ダイアログを開くだけで、画面レイアウトが変更されます。
私も同様の問題でこの問題に気づきました。印刷プレビューを表示した後、Chromeで自動幅の再計算に問題があるようです。この場合のより良い修正についてはわかりませんが、ul.navの幅をハードコーディングすると、問題が修正されるようです。
印刷メディア タイプのスタイルを追加することで、印刷レイアウトを制御できます。
@media print
{
p.test {font-family:times,serif;font-size:10px;}
}
また
<link href="print-styles.css" media="print" rel="stylesheet" type="text/css" />
参考文献