带引导固定导航条的打印问题
带引导固定导航条的打印问题
提问于 2014-02-19 09:11:03
我已经做了自举固定肚脐网站。它有固定的导航条，所以在样式表中有70 of的顶部填充。
当我打印这一页时，它会在纸的顶部增加额外的空间。我该怎么做才能去掉那个顶盖造成的额外空间呢？
下面是带有填充的打印预览
下面是打印预览，没有填充，我希望与较少的空间在顶部。
如果我删除填充打印是我想要的，但在浏览器，内容得到后面的导航栏，我不能看到前2-3行。
请给我一些解决方案，以保留固定的肚脐，也不包括在印刷的填充。
回答 3
Stack Overflow用户
回答已采纳
发布于 2014-02-19 16:04:19
添加一个新的打印样式表，如下所示(将其放在主样式表之后)：
<link rel="stylesheet" href="/css/print.css" media="print">在print.css中，为body标记设置新的CSS规则如下：
body {
margin-top: 0;
}Stack Overflow用户
发布于 2015-04-02 19:59:00
我知道你可能想也可能不想用印刷品显示肚脐。我想展示它，所以我在我的CSS (引导3)中添加了这个：
@media print {
.navbar {
display: block;
border-width:0 !important;
}
.navbar-toggle {
display:none;
}
}Stack Overflow用户
发布于 2015-03-27 13:10:30
接受的答案工作得很好，但是如果您不想添加一个新的样式表，另一种方法是将主体填充包在一个媒体标记中。在Site.css中：
@media screen {
body {
padding-top: 50px;
padding-bottom: 20px;
}}
这指定只有在查看页面时才应应用样式，而不是打印。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/21875724
复制相关文章
相似问题
腾讯云开发者
