printing - 引导打印宽度

Question

我在应用程序中使用引导程序，正如您在打印浏览器（左侧）时所看到的（下图）在打印（右）时使用的非常小的宽度，因此响应式布局将所有正确的站点元素移动到左侧下方那些和印刷版本不适合一页。

您知道如何强制浏览器保持正确的宽度吗？

谢谢，

雷莫

有效的 XHTML .

score 24 · Accepted Answer

我有一个非常相似的问题。确保仅为解决它启用响应式 css 。media="screen"

<link href="assets/css/bootstrap-responsive.css" rel="stylesheet" media="screen">

score 8 · Accepted Answer

对于 Bootstrap 3，这解决了我的问题：

@media print {
  .container {
    width:100%;
  }
}

score 3 · Accepted Answer

摆脱响应式风格就是答案！多谢！

我正在使用 rails twitter bootstrap，它重新编译了较少的源，所以只需一点说明它也可以这样工作（bootstrap_and_overrides.css.less 的第一行）：

@import "twitter/bootstrap/bootstrap.less";
@media screen {
    @import "twitter/bootstrap/responsive.less";
}

哎呀：编辑，它在开发中工作正常，但在编译生产时会带来错误......必须为屏幕和打印版本构建 2 个不同的 bootstrap_and_overrides（寻找更清洁的解决方案）

3 回答 3