Milligram: 打印/模拟打印渲染时不保留样式

创建于 2018-05-24  ·  2评论  ·  资料来源: milligram/milligram

版本信息

毫克: - 最新通过http://cdn.rawgit.com/milligram/milligram/master/dist/milligram.min.css

其他(例如 normalize.css、node.js、npm、bower、浏览器、操作系统)(如果适用):
normalize.css - 最新通过http://cdn.rawgit.com/necolas/normalize.css/master/normalize.css
chrome - 版本 66.0.3359.181(官方版本)(64 位)(Linux)

测试用例

https://codepen.io/robsdudeson/pen/ZoNgvP

重现步骤

一旦导航到页面
选择打印、打印预览或启用打印渲染仿真

预期行为

打印视图中的样式将更接近屏幕视图中的样式

实际行为

样式的应用方式不同

正常渲染

issue-199-no-emulation

打印渲染

issue-199-print

Hacktoberfest

最有用的评论

链接css时使用media="all"

<link rel="stylesheet" media="all" href="//fonts.googleapis.com/css?family=Roboto:300,300italic,700,700italic">
<link rel="stylesheet" media="all" href="//cdn.rawgit.com/necolas/normalize.css/master/normalize.css">
<link rel="stylesheet" media="all" href="//cdn.rawgit.com/milligram/milligram/master/dist/milligram.min.css">

在此处查看更新的代码笔:
https://codepen.io/marcusasplund/pen/bKBmbo

所有2条评论

链接css时使用media="all"

<link rel="stylesheet" media="all" href="//fonts.googleapis.com/css?family=Roboto:300,300italic,700,700italic">
<link rel="stylesheet" media="all" href="//cdn.rawgit.com/necolas/normalize.css/master/normalize.css">
<link rel="stylesheet" media="all" href="//cdn.rawgit.com/milligram/milligram/master/dist/milligram.min.css">

在此处查看更新的代码笔:
https://codepen.io/marcusasplund/pen/bKBmbo

@marcusasplund感谢您帮助@robsdudeson

@robsdudeson现在,我将关闭此问题。
请,如果您需要帮助,请随时重新打开或打开一个新的!

此页面是否有帮助?
0 / 5 - 0 等级