Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
我应该保持#包装{宽度:100%}打印css吗?_Css_Xhtml_Printing - Fatal编程技术网

我应该保持#包装{宽度:100%}打印css吗?

我应该保持#包装{宽度:100%}打印css吗?,css,xhtml,printing,Css,Xhtml,Printing,我应该在打印css中保留#包装{宽度:100%}?因为在屏幕上,我的设计是固定宽度的设计960px。但世界上有这么多纸张类型和尺寸,任何人都可以在任何尺寸的纸张上打印,无论大小 因此,如果在打印css中我没有指定相对宽度,那么我认为如果用户在纸张大小上打印,页面的打印将从正确的大小剪切,而纸张大小可以小于或大于我的站点的包装宽度(960px)。然后它就会产生问题 打印机在打印时也会留下一些空白 所以,在打印css时,应该保持所有内容都是相对大小的吗 更新: 我是否也应该将float left或

我应该在打印css中保留
#包装{宽度:100%}
?因为在屏幕上,我的设计是固定宽度的设计
960px
。但世界上有这么多纸张类型和尺寸,任何人都可以在任何尺寸的纸张上打印,无论大小

因此,如果在打印css中我没有指定相对宽度,那么我认为如果用户在纸张大小上打印,页面的打印将从正确的大小剪切,而纸张大小可以小于或大于我的站点的包装宽度(
960px
)。然后它就会产生问题

打印机在打印时也会留下一些空白

所以,在打印css时,应该保持所有内容都是相对大小的吗

更新:


我是否也应该将float left或right更改为float:none in print css?

是的,您应该这样做。如果您坚持使用特定的像素大小,您甚至可能会遇到这样的情况:不同的访问者可能会看到由于打印机DPI和/或浏览器而导致的不同数量的页面被截断。您可能还想考虑调整字体大小也是相对的(使用EM或%)。


警告:在切换到相对宽度时,确保所有元素都正确流动,否则可能会将内容的其他部分切掉或推到陌生的地方。

浏览器倾向于在发送到打印机之前将像素转换为类似的大小,因此它看起来与屏幕上看到的内容相似。它不会将像素大小发送到打印机。

它看起来与屏幕上的类似。如果您想对打印布局采取特定的设计考虑,您需要这样做,最好的方法是完全不使用宽度,只使用
width:auto。这样,内容决定了它在纸上的布局。当然,这取决于您希望打印输出布局如何。您应该考虑到通常不显示背景图像/颜色。这是浏览器中的用户设置。另请参阅,了解专门应用于分页媒体(如纸张)的css定义。这在InternetExplorer和Opera中效果很好,但在Firefox中效果不太好。我的经验是,当涉及到打印网页时,IE7+非常好。