css - 我应该保留#wrapper{ 宽度 :100%} in print css?

标签 css xhtml printing

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

因此,如果在打印 css 中我没有指定相对宽度,那么我认为如果用户将在比我的网站#wrapper 宽度更小或更大的纸张尺寸上进行打印,那么我认为页面打印将从正确的尺寸裁切(960 像素)。那么它就会产生问题。

http://www.dpandi.com/paper/index.html

打印机在打印时也会留一些边距。

那么应该在打印 css 中保持所有内容都是相对大小吗?

更新:

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

最佳答案

是的,你应该。如果您坚持确定的像素大小,您甚至可能会遇到这样一种情况,即不同的访问者会因为他们的打印机 DPI 和/或浏览器而看到不同数量的页面被截断。您可能还想考虑将字体大小也调整为相对大小(使用 em 或 %)。

注意事项:当您切换到相对宽度时,请确保所有元素都正确流动,否则您的内容的其他部分可能会被切断或推到奇怪的地方。

关于css - 我应该保留#wrapper{ 宽度 :100%} in print css?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2792885/

相关文章:

jquery - 按钮不显示

grails - jQuery UI选项卡的内容不在打印中

javascript - 如何使用 Jquery 在 ASP.Net 中制作对话框?

html - 将子 div 置于父 div 中心位置的 CSS 片段是什么——

css - 为什么 <tr> 的边框在 IE 中不显示?

javascript - 如何使用 CSS 构建此布局?

css - svg 动画折线 心率

Jquery - 如何在没有样式表时隐藏图像?

python - 使用Python的wmi模块删除网络打印机?

javascript - qz.jZebra 多页打印问题