使用Gutenberg.css创建适合打印的页面
对于像BuzzFeed这样的数字网站来说，可能确实如此。
Web设计师经常忘记打印，因为如今看来它的必要性大大降低。
值得庆幸的是，您无需自行设计，因为古腾堡（Gutenberg）会在这里提供帮助。
但是，在信息网站上，提供自定义打印样式表仍然是一个好习惯。
该CSS库以印刷机的约翰内斯·古腾堡（Johannes Gutenberg）的发明家的名字命名，是用于印刷页面设计的独立资源。
您只需将gutenberg.css文件添加到文档头中，便一切gutenberg.css 。
可以使用media="print" HTML属性进行设置。
访客每次打印页面时，都应根据打印设置自动重新设置样式 。
如果您想了解更多有关打印样式表及其工作方式的信息，请查阅本指南 。
古腾堡（Gutenberg）的好处是它也带有额外的类和样式 。
您可以通过将它们放在默认的*使这些默认的gutenberg.css文件。
进入themes文件夹 ，您将找到三个替代的印刷主题 ： 书本 ， 现代和旧样式 。
例如， .no-print类将完全隐藏打印样式中的元素 。
另外，您可以通过添加特定CSS类来对页面进行样式化以进行打印 。
但是您可以将.no-reformat类添加到anchor元素上以隐藏URL 。
Gutenberg添加了此功能，使人们可以更轻松地从您的页面中找到URL。
另一个示例是在文本旁边添加链接URL 。
您可以在不到5分钟的时间内安装 Gutenberg ，整个站点将易于打印。
所有这些东西都在GitHub存储库中涵盖，并且非常简单。
它可能会增加一些额外的KB，但整体体验将得到极大改善。
到目前为止，这是最简单，最酷的库，可以实现更好的站点性能。
如果您的网站内容可能出于任何原因而被印刷，那么Gutenberg.css是必不可少的资源。