ブートストラップ3の印刷プレビュー用にlgビューポートに切り替えるにはどうしたらいいですか？

Question

サイトを印刷しようとしているときにブートストラップの印刷ビューが自動的にxsに切り替わるようですが、代わりに印刷ビューをlgビューポートにする方法がありますか？印刷

@media print { 
    .container { 
    @media (min-width: $screen-sm-min) { 
     width: $container-lg; 
    } 
    @media (min-width: $screen-md-min) { 
     width: $container-lg; 
    } 
    @media (min-width: $screen-lg-min) { 
     width: $container-lg; 
    } 
    } 
} 

Answer 1

よう

何かはほとんどのブラウザでトリッキーです - 問題は、ブラウザ、デフォルトの用紙サイズに応じて、それはページが72ppi、96ppiまたは144ppiで印刷されますの向き（縦または横）であるということです。

ブートストラップでは、メディアクエリによってピクセル幅のバンドが確立されます。 「xs」は544px〜767pxの間であるため、（印刷された）ページ幅に応じて、サイトは印刷時に「xs」または「sm」幅の変形に戻ることがあります。

私は印刷物の幅を予測できないことを覚えておいてください。流体の有無にかかわらず、全ページ幅を印刷することを検討します。流体）。

...のような何かをしようと、あなたがソース.lessファイルへのアクセス権を持っていると仮定すると

@import "variables.less"; 
@import "mixins/grid-framework.less"; 
@import "mixins/grid.less"; 

@media print { 
    .container, 
    .container-fluid { 
    .container-fixed(); 
    width: auto; 
    min-width: 750px; 
    } 
}