Question

我的print.css页面打印得很小，超级简化，文字就像是6磅：

@charset "UTF-8";
/* CSS Document */

body {
   background: white;
   font-size: 12pt;
   /* Change text colour to black (useful for light text on a dark background) */
.lighttext
    color: #000 
}
/* Remove unwanted elements */
#menu, #header, #nav, #prod, #home, #our, #work, #whole, #contact, #circle, #logo, #flower, #navblank, #bottom, .noprint
{
display: none;
}

#wrapper, #content {
   width: auto;
   margin: 0 5%;
   padding: 0;
   border: 0;
   float: none !important;
   color: black;
   background: transparent none;
   }
div#content {
   margin-left: 10%;
   padding-top: 1em;
   border-top: 1px solid #930;
   }
div#mast {
   margin-bottom: -8px;
   }
div#mast img {
   vertical-align: bottom;
   }
a:link, a:visited {
   color: #520;
   background: transparent;
   font-weight: bold;
   text-decoration: underline;
   }
#content a:link:after, #content a:visited:after {
   content: " (" attr(href) ") ";
   font-size: 90%;
   }
#content a[href^="/"]:after {
   content: " (http://www.alistapart.com" attr(href) ") ";
   }

不明白为什么 - 有没有人有任何建议来纠正这个print.css的输出？

Answer 1

由于pt代表点为1/72英寸的点，我会猜测它可能会下降到屏幕尺寸，但实际上它可能是任何数量的东西。我们确实需要更多信息。

您是否尝试过使用em？它们是处理字体大小的最佳方式。

Answer 2

为了排除这一点，font-size（而不是90％）的绝对值怎么样？

Answer 3

检查是否有任何脚本可以修改内联样式，忘记了适用于所有类型媒体的CSS。尝试添加！important。然后检查您的打印选项。如果它适合缩小，那么你在CSS中可以做的并不多。也可以尝试使用其他浏览器打印，也许会诊断。

Answer 4

也许你有另一个打印时加载的样式表？打印预览中的样子是什么？

您可能有另一个样式表，您不打算加载它以进行打印，但无论如何都要加载进行打印。检查“媒体”属性：

这样的东西将被加载到屏幕上或打印出来： [link rel =“stylesheet”href =“css / style.css”type =“text / css”media =“all”/]

所以这样： [link rel =“stylesheet”href =“css / style.css”type =“text / css”/]

当然这只适用于打印： [link rel =“stylesheet”href =“css / print.css”type =“text / css”media =“print”/]

要保持样式表不被加载以进行打印，请使用以下内容： [link rel =“stylesheet”href =“css / print.css”type =“text / css”media =“screen，projection”/]

（注意：使用尖括号，而不是我上面的方括号。不知何故，4个空格缩进对我来说不起作用）

More about media attribute types

Answer 5

您错过了}来关闭body声明：

body {
   background: white;
   font-size: 12pt;
   /* Change text colour to black (useful for light text on a dark background) */
}
.lighttext
    color: #000 
}

Answer 6

尝试按ctrl + 0，你可能在不知不觉中缩小了浏览器端的字体大小

print.css正在打印非常小的文本

6 个答案: