Re: easy_image_gallery ver1.4.2を使った画面をレイアウトをそのままに印刷したい

2018年6月27日 at 10:11

yasu さま

テーマによっても違うと思いますが、基本的には Bootstrap のスタイルシートに『@media print』の記述がありますので、それがプリント時のレイアウト等の設定です。

Easy Image Gallery は、masonry.js、isotope.js でブラウザに対しての画像等の幅を設定していると思いますので、そのままでは画面の通りには表示しないと思います。
印刷時の各画像の幅などをスタイルシートに記述しないと重なり等は解消されないと思います。
また、試していないので何とも言えませんが、画面に表示している通りというのは難しいと思います。

Re: easy_image_gallery ver1.4.2を使った画面をレイアウトをそのままに印刷したい

2018年6月27日 at 18:08
nipperさま

情報ありがとうございます。

私が、仕組みといいますか、基本が分かっていないため何をどうすればいいのかが理解できない状況です。

印刷プレビューを表示する時にも、ブラウザ画面に表示するときと同じように、masoury.jsなどの処理が行われていて、その時に使われるスタイルシートが必要。。。ということなのでしょうか?

見当外れなことを言ってしまうかもしれませんが、やり方としては、ブラウザ画面用のスタイルシートを印刷用のスタイルシートにコピーして編集するということなのでしょうか?

本当に素人で申し訳ありません。