3 つの垂直 div を含む div があります。これらの内部 div 内には、column-count CSS プロパティを持つ div があります (うまく機能しています。以下を参照してください)。
例として、作業部分は次のとおりです (複数の画面サイズの場合)。
@media only screen and (min-width: 1100px) {
.masonry {
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
}
}
ページを印刷しようとすると、次のコードが機能しない理由を教えてください。
@media print {
.masonry {
-moz-column-count: 2 !important;
-webkit-column-count: 2 !important;
column-count: 2 !important;
}
}
@media 印刷クエリが動作しています
@media print {
body {
display: none;
}
}
例えば。
Mac OS X で Safari と FF を試してみました。
ありがとうございました！