2016-12-19 5 views
0

ページがXSまたはSMサイズのときは常に問題があります。@media XSとSMの画面サイズで印刷する問題

私は印刷のための私のページに適用印刷スタイルを持っていると私は、私は上記のMDに印刷したりするたびに、すべてが正常に見える@media印刷{}

.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!important; 
} 
.col-sm-12 { 
    width: 100%; 
} 
.col-sm-11 { 
    width: 91.66666667%; 
} 
.col-sm-10 { 
    width: 83.33333333%; 
} 
.col-sm-9 { 
    width: 75%; 
} 
.col-sm-8 { 
    width: 66.66666667%; 
} 
.col-sm-7 { 
    width: 58.33333333%; 
} 
.col-sm-6 { 
    width: 50%; 
} 
.col-sm-5 { 
    width: 41.66666667%; 
} 
.col-sm-4 { 
    width: 33.33333333%; 
} 
.col-sm-3 { 
    width: 25%; 
} 
.col-sm-2 { 
    width: 16.66666667%; 
} 
.col-sm-1 { 
    width: 8.33333333%; 
} 

内のコードのこのビットを追加しかし、SMとそれ以下を押すと、すべてがページの左上にズームされます。それは関係なく、常に画面サイズのMD形式で印刷されるように、とにかく、私はこの問題を解決することができ

SM vs MD page print example

:それは次のようになりますか?

答えて

0

は、規則@pageのCSSが文書を印刷するときに、いくつかのCSSプロパティを変更するために使用される

@pageを試してみてください。

@page{ 
margin:0mm; 
} 
+0

私はそれを自分のプリントスタイルシートに追加しましたが、何も影響しません。その場合は – Batzi

+0

このリンクを見ることができます私はそれが同じ問題だと思います http://stackoverflow.com/questions/29063886/print-meta-for-print-page –

+0

このページは、関連する別の問題に対処しています。画面の向き。 XSまたはSMの画面サイズで印刷しようとすると、マイページがズームアウトします。ブートストラップと関係があります。私はちょうど壊れている部分を見つけることができません。とにかくおかげさまで – Batzi