css - 如何设计用于打印标签的CSS

标签 css printing

当我网站的用户单击“打印标签”按钮时,他将被转到一个页面,其中只有标 checkout 现在白色背景上,并且打印对话框打开。我的问题是关于如何“思考”此标签的 css,以便它打印在整个纸张宽度上,无论它是什么纸张(美国、A4、...)。

我应该使用百分比来调整所有内容、框、边距……的大小吗?字体的ems?或积分? 应该先使用 css 重置吗?

网上有这种css应用的好资源吗?

更新:我用 float 部分和百分比宽度制作它,在普通纸上布局很好。因此,请考虑关闭此问题。

最佳答案

我想诀窍是让布局尽可能流畅。并避免使用 px 作为衡量标准。这是一篇好文章:CSS Design: Going to Print

关于css - 如何设计用于打印标签的CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7870823/

相关文章:

html - CSS 文本背景剪辑在 Firefox 上与在 Chrome 上非常不同

macos - 如何在 mac os x 上查找打印机错误日志?

html - 水平两栏页面打印问题

html - 表体列与标题列的宽度不同

php - 如何将带有覆盖层的 HTML 输出放入 OwlCarousel 中

ios - 适用于 iOS 8 的爱普生打印机 SDK

python - 在 Ipython Notebook 中查看打印输出的所有行

java - 用java打印pdf

html - 具有响应高度的表格单元格的圆形边框形状

css - 为什么VW不等于窗口的视觉宽度?