首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >引导打印宽度

引导打印宽度
EN

Stack Overflow用户
提问于 2012-09-03 18:29:54
回答 3查看 17.7K关注 0票数 22

我在一个应用程序中使用bootstrap,正如你所看到的(如下所示),当打印浏览器(左侧)时,打印(右侧)使用了非常小的宽度,因此响应布局将所有右侧的站点元素移动到左侧的下方,并且打印版本无法容纳在单个页面中。

你知道怎样才能强制浏览器保持正确的宽度吗?

谢谢,

Remo

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2012-09-03 23:42:52

我也遇到过类似的问题。确保仅为解决此问题的media="screen"启用responsive css

代码语言:javascript
复制
<link href="assets/css/bootstrap-responsive.css" rel="stylesheet" media="screen">
票数 24
EN

Stack Overflow用户

发布于 2016-06-14 15:31:10

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

代码语言:javascript
复制
@media print {
  .container {
    width:100%;
  }
}
票数 8
EN

Stack Overflow用户

发布于 2013-02-21 18:19:36

摆脱响应式的风格就是答案!非常感谢!

我使用的是rails twitter bootstrap,它重新编译了较少的源代码,所以只需稍微注意一下,它的工作原理也是这样的(bootstrap_and_overrides.css.less的第一行):

代码语言:javascript
复制
@import "twitter/bootstrap/bootstrap.less";
@media screen {
    @import "twitter/bootstrap/responsive.less";
}

oops:编辑,它在开发中工作得很好,但在为生产编译时会带来错误……我必须为屏幕和打印版本构建两个不同的bootstrap_and_overrides (寻找更干净的解决方案)

票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/12246096

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档