Printing 打印样式表有问题

首先，我承认我对HTML和CSS的了解非常有限。我很惊讶我能在第一时间创建一个网站

在我的搜索引擎优化工作中，我逐渐意识到我需要一个打印机友好的网站版本。我已经能够隐藏我不想打印的元素（图片、facebook/pinterest/blog按钮等），但我无法通过两件事

我希望我的徽标/页眉在可打印页上小得多

我无法摆脱左侧导航（侧边栏）占据的空间。显然，仅仅把它藏起来是不够的

我的网站是www.minnesotamarryingman.com，如果你把它打印出来，你可以看到比需要更大的标题和左侧的大栏

这是我打印的东西。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}

---

有人能帮我看看哪里出了问题吗？

在我的MacBook Pro的Chrome版和Safari版上，它看起来相当不错，所以我猜你已经解决了左边的导航栏问题。要使徽标更小，我只需在徽标图像中包含一个id标记，然后在print.css中设置它，而不只是为标题设置新的高度和宽度。此外，重要的是要说出大小中的单位，因此在数字后使用“px”，如下所示

在您的文件中：

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

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