请参阅浏览器中的print css

Question

我想知道如何检查我的打印css，就像我用普通的css检查我的元素一样，我看了一遍插件和这些东西

就像在Chrome中预览打印件，但是你能够检查元素

@media print {
   p{color:red;}
   ..... my css
}
.sharebar {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 195;
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
}

Answer 1

Chrome DevTools中提供了此功能 - 请参阅CSS Media Type Emulation。

Answer 2

在chrome中执行此操作：

1. 打开开发人员工具
2. 点击＆＃34;自定义和控制DevTools＆＃34;汉堡菜单按钮。
3. 选择更多工具＆gt;渲染设置。
4. 检查＆＃34;模拟CSS媒体＆＃34; “渲染”选项卡上的复选框，然后选择“打印介质类型”。

可以找到非常详细的步骤here。

Answer 3

如果您使用的是Firefox，可以使用Web Developer Toolbar（以及其他许多好东西！）

http://chrispederick.com/work/web-developer/

安装工具栏后，可以在CSS下找到该选项 - ＆gt;按媒体类型显示样式 - ＆gt;显示打印样式。