手动更改用于打印的介质宽度

【问题标题】：Manually change media width used for printing手动更改用于打印的介质宽度
【发布时间】：2018-11-25 16:43:14
【问题描述】：

当我预览/打印页面时，Bootstrap 似乎在打印之前应用了-sm 布局断点，我希望它至少使用-lg。

所以，我的问题是：有没有办法手动设置浏览器在打印时将使用的视口宽度，而不必重新编写我的所有 CSS 以在任何地方都包含 @media print 异常？

我主要在使用 Bootstrap 的页面上遇到过这个问题，但它仍然适用于其他框架，甚至是普通的媒体查询用法。

【问题讨论】：

标签： twitter-bootstrap css responsive-design media-queries

【解决方案1】：

请检查下面的代码。

 @media print {


.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm- 
8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
float: left;
}

.col-sm-12 {
 width: 100%;
}

.col-sm-11 {
 width: 91.66666666666666%;
 }

.col-sm-10 {
  width: 83.33333333333334%;
 }

.col-sm-9 {
 width: 75%;
}

.col-sm-8 {
 width: 66.66666666666666%;
}

.col-sm-7 {
width: 58.333333333333336%;
}

.col-sm-6 {
width: 50%;
}

.col-sm-5 {
  width: 41.66666666666667%;  
}

.col-sm-4 {
 width: 33.33333333333333%;
}

.col-sm-3 {
 width: 25%;
}

.col-sm-2 {
 width: 16.666666666666664%;
}

.col-sm-1 {
 width: 8.333333333333332%;
}

}

【讨论】：