css - 我的网站打印不正确

标签 css ruby-on-rails-3 twitter-bootstrap printing printing-web-page

我创建了一个本地网站用作我工作的数据库。它是使用 Rails 3.2 和 TwitterBootstrap 制作的,用于大部分 CSS。问题是,如果我想通过转到文件打印、工具打印或右键单击打印(取决于浏览器)在我的浏览器上打印 View ,打印预览看起来与实际浏览器页面完全不同。例如,我的“索引” View 加载了一个有 6-8 列的漂亮表格,但是当我打印列中的几乎所有信息时,列中的几乎所有信息都消失了,随机代码在随机位置弹出,包括 URL,一些 SQL ,以及链接所属的一些文件夹路径。我只想打印页面在浏览器中的样子(不必每次都打印屏幕)。

最佳答案

事实证明,我需要设置一个专门用于打印的CSS。然后使用 media="print"将 css 链接插入到我的 HTML header 中。

如下所示:http://www.w3schools.com/css/css_mediatypes.asp

关于css - 我的网站打印不正确,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22188489/

相关文章:

html - 自动调整图像大小以适应浏览器 (css Html)

jquery - 将表格一个放在另一个形成列

javascript - 如果元素具有类和特定值,则 jquery 显示内容

ruby-on-rails - 如何在 Rails 测试中测试 params 散列?

ruby-on-rails-3 - 在 Heroku 中的 2 个应用程序之间共享数据库

ruby-on-rails - 进行渲染时,rails content_for 不会被执行?

php - 使用 bootstrap 将文本和图像并排对齐

datetime - x-可编辑 Bootstrap 日期时间选择器

css - twitter bootstrap 中的双列布局,第一列宽度固定,第二列宽度填充其余空间

html - Bootstrap 4 - 对齐列表中的文本