自举印刷宽度

Question

我在应用程序中使用bootstrap,你可以看到(下面)打印浏览器时(左侧)打印时使用非常小的宽度(右)所以响应式布局正在移动左侧下方的所有正确的网站元素一个和打印版本不适合一个页面.

你知道我怎么能强制浏览器保持正确的宽度？

谢谢,

雷莫

有效的XHTML .

Answer 1

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

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

有没有人知道如何用bootstrap 3做到这一点？ (5认同)
如果你从bootstrapcdn.com加载,以后的版本中没有一个单独的'引导-responsive.css`,只有`自举combined.min.css`这一切,包括响应样式和`bootstrap.min.除了响应式样式之外的所有内容.作为解决方法,您可以使用单独的`media`设置加载这两个文件:`<link href ="// netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap.min.css"rel = "stylesheet"media ="print">`&`<link href ="// netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css"rel ="stylesheet"media = "屏幕">` (4认同)
如果您注意到两个不同的版本号,那就是因为这个错误https://github.com/netdna/bootstrap-cdn/pull/106.在v2.3.2中,`bootstrap.min.css`包含响应式样式,当它不应该时. (3认同)

Answer 2

对于Bootstrap 3,这解决了我的问题:

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