引导打印宽度
引导打印宽度
提问于 2012-09-03 18:29:54
我在一个应用程序中使用bootstrap，正如你所看到的(如下所示)，当打印浏览器(左侧)时，打印(右侧)使用了非常小的宽度，因此响应布局将所有右侧的站点元素移动到左侧的下方，并且打印版本无法容纳在单个页面中。
你知道怎样才能强制浏览器保持正确的宽度吗？
谢谢,
Remo
。
回答 3
Stack Overflow用户
回答已采纳
发布于 2012-09-03 23:42:52
我也遇到过类似的问题。确保仅为解决此问题的media="screen"启用responsive css。
<link href="assets/css/bootstrap-responsive.css" rel="stylesheet" media="screen">Stack Overflow用户
发布于 2016-06-14 15:31:10
对于Bootstrap 3，这解决了我的问题：
@media print {
.container {
width:100%;
}
}Stack Overflow用户
发布于 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 (寻找更干净的解决方案)
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/12246096
复制相关文章
相似问题
腾讯云开发者
