ホームページ上の画像が印刷時にズレてしまいます

添付画像はChromeからpdfへ書き出しました際のA4サイズとA3サイズでの
画像データの横幅のズレですけれど、Chromeブラウザ上では左図のように
上の画像と下のTableの横幅が合っていました。
(ブラウザ表示そのものの画像は割愛)
その状態でA4サイズで印刷をしますと右図のようにズレますので、
(修正前の元データをA4サイズで印刷したそのものの画像は割愛)
CSSを修正して
@media print {
.wp-image-240 {
align: center ;
width: 200mm;
}
}
という設定を追加し、A4サイズでの印刷は左図のようになり目的を達成
しております。
しかしここで、A3サイズで印刷しました場合、右図のように上の画像と
下のTableがズレてしまいますので、このズレを直したいです。

No.2 ベストアンサー 回答者： chu-favo 回答日時： 2020/11/26 13:53

mmで設定してあるからでは無いですか？

A4短辺は210mmですがA3ともなれば297mmですから。単位を変えて見てはいかがですか？

この回答へのお礼

ありがとうございます。
width: 200mm;　→　300mm　へと変更しましたら出来ました
200mm→300mmにしましたのに、A4の場合にはみ出ますことも
ありませんで、理想通りです。

お礼日時：2020/11/27 11:45

No.1 回答者： ぐーるぐる 回答日時： 2020/11/26 13:26

全体の囲いができてないとか？

この回答へのお礼

ありがとうございます。
@media print　での設定方法が分かりませんでしたので、
width: 200mm;　→　300mm　にしましたら解決しました。

お礼日時：2020/11/27 11:44