我在一个应用程序中使用bootstrap,正如你所看到的(如下所示),当打印浏览器(左侧)时,打印(右侧)使用了非常小的宽度,因此响应布局将所有右侧的站点元素移动到左侧的下方,并且打印版本无法容纳在单个页面中。
你知道怎样才能强制浏览器保持正确的宽度吗?
谢谢,
Remo
。
发布于 2012-09-03 23:42:52
我也遇到过类似的问题。确保仅为解决此问题的media="screen"
启用responsive css。
<link href="assets/css/bootstrap-responsive.css" rel="stylesheet" media="screen">
发布于 2016-06-14 15:31:10
对于Bootstrap 3,这解决了我的问题:
@media print {
.container {
width:100%;
}
}
发布于 2013-02-21 18:19:36
摆脱响应式的风格就是答案!非常感谢!
我使用的是rails twitter bootstrap,它重新编译了较少的源代码,所以只需稍微注意一下,它的工作原理也是这样的(bootstrap_and_overrides.css.less的第一行):
@import "twitter/bootstrap/bootstrap.less";
@media screen {
@import "twitter/bootstrap/responsive.less";
}
oops:编辑,它在开发中工作得很好,但在为生产编译时会带来错误……我必须为屏幕和打印版本构建两个不同的bootstrap_and_overrides (寻找更干净的解决方案)
https://stackoverflow.com/questions/12246096
复制相似问题