打印样式表故障

首先，我承认我对HTML和CSS的知识非常有限。我很惊讶，我能够首先创建一个网站。打印样式表故障

在我的搜索引擎优化工作中，我意识到我需要一个适合我的网站的打印版本。我已经能够隐藏我不想打印的元素（图片，脸谱/ pinterest /博客按钮等），但我无法通过两件事。

我希望我的标志/标题在可打印页面上小得多。
我无法摆脱我的导航（边栏）占据左侧的空间。显然，仅仅隐藏它是不够的？

我的网站是www.minnesotamarryingman.com，如果你把它打印出来，你可以看到大高于需求，是头和左侧大量列。

这里是我有我的print.css ...

#header {width:128; height:29;} 

#body {margin:0; padding:0; float: none; line-height: 1.4em; word-spacing:1px; letter-spacing:0.2px; font: 16px Arial, Helvetica,"Lucida Grande", serif; color: #000;} 

div#sidebar{display: none} 

div#pinterest{display: none} 

div#pinterest1{display: none} 

div#facebook{display: none} 

div#blog{display: none} 

div#picture1{display: none} 

div#picture2{display: none} 

div#list{display: none}

可有人请帮我看看，我要去哪里错了吗？

来源

2014-12-03 Griffin Dunlop

它在我的MacBook Pro上在Chrome和Safari上实际上看起来相当不错，所以我猜你猜出了左边的Navbar问题。为了使标识更小，我只需在标识图像中加入一个id标签，然后在print.css中设置它，而不是为标题设置一个新的高度和宽度。此外，说出大小的单位很重要，所以请在数字后面使用'px'，如下所示！

在您的文件：

<img src="....." id="logo">

而在你打印的CSS：

#logo { width:128px; height:29px; }

来源

2015-03-19 21:58:27

打印样式表故障

回答

相关问题