スポンサードリンク

「display: flex;」を使ったエリア内にカードリストを20個位配置した画面を印刷しようとしたら、

「IE / Edge / Firefox」で表示が崩れた。

 

Chrome / Safariでは2ページ(1ページ10個)になるのに、「IE / Edge / Firefox」は1ページ分しか表示しない。

高さが取れないのか??

flexをやめるとちゃんと20個分表示された。

 

色々やってダメだったので、「IE / Edge / Firefox」はプリント用cssで「display: block;」にして「float: left;」で対応した。

 

他にいい方法があるのかもしれないですが、とりあえず暫定対応です。

印刷用cssは難しいですね…

スポンサードリンク

コメント
コメントする
トラックバック
この記事のトラックバックURL

スポンサードリンク