Print-Header& Chrome中缺少页脚+未对齐的自定义页脚

时间:2013-05-23 08:19:47

标签: html css internet-explorer google-chrome printing

我正在研究chrome中的打印样式,一切看起来都很好,直到我注意到我没有在打印件上获得任何页脚或标题(带有页面标题,url等的std。并且我已将其打开打印预览对话框)。 所以我只是想我会做一个,所以我只添加了一个:

 .print-logo {
    position: fixed;
    display: block;
    bottom: 0px;
    right: 0px;
    text-align: right;
    width: 100%;
}

但是这并不是一直到right

所以我尝试在IE10中打印,这里默认的页脚和我的自定义显示,并且放置正确。

使用引导程序设置所有内容,使用.hidden-print类进行打印友好版本。

它全部在localhost ATM中,但我有1页保存的html版本here

有这些问题经验的人吗?

更新

发现如果我添加

@page {
    size: A4 portrait;
}

我将添加我的默认页脚和标题...但我的自定义页脚仍显示错误...

1 个答案:

答案 0 :(得分:0)

我在Chrome中获得了最佳打印结果,为页面或主div设置了固定宽度(以px为单位)。如果没有,Chrome会尝试修改内容更改字体大小等。