web打印样式预览调试技巧

该技巧解决页面显示和打印样式不一致问题,方便调试打印页面。
对应的讨论帖子这里:

https://stackoverflow.com/questions/9519556/faster-way-to-develop-and-test-print-stylesheets-avoid-print-preview-every-time

总结如下:

  1. 使用MAC[command + p] WIN[control + p] 输入 render 打开渲染面板

  2. 打开打印媒体查询,就可以在浏览器查看打印时的样式了

  1. 使用调试工具就可以看到 @media print 打印时才能看到的样式了,避免要调用系统的打印预览才能看到渲染效果,在浏览器就能看到。

posted @ 2022-06-29 15:11  大圣巴巴  阅读(703)  评论(0编辑  收藏  举报