CSSの@media print{}が適用されません。
確認したのは下記のとおりです。
・デバッグ→ 適用
・印刷プレビュー→ 適用されない
・実際に印刷したもの→ 適用されない
・文字列フォームだけの別アプリ→ 適用
cssのコードは下記のとおりです
@charset "UTF-8";
@media print {
.layout-gaia.showlayout-gaia {
margin-right: auto;
margin-left: auto;
}
}
知識不足で申し訳ありません。
ご教授いただければ幸いです。
ーーーーーーーーーーーーーーーーーーーーーーーーーーー
追記
①印刷プレビュー
②プラグインの設定
③CSSの中身
④CSSのデバッグ（適用されなくなった…）
上記状態でCSS適用されていません。
原因わからずでお手上げ状態です…
ご教授いただければ幸いです。
@charset"UTF-8";
があると私の環境では中央寄せにはなりませんでした。
当該箇所を削除すると中央寄せになりました。
印刷時に全体を中央寄せにする – cybozu developer network
https://developer.cybozu.io/hc/ja/community/posts/4404331775641-%E5%8D%B0%E5%88%B7%E6%99%82%E3%81%AB%E5%85%A8%E4%BD%93%E3%82%92%E4%B8%AD%E5%A4%AE%E5%AF%84%E3%81%9B%E3%81%AB%E3%81%99%E3%82%8B
の続きと思われる。
haradaさま
ご回答ありがとうございました。
試してみましたが、中央寄せになりませんでした。
引き続き調べてみます。
以上、よろしくお願いいたします。
cssをコピペしてこちらでも同様の状態になり気付きましたが、全角スペースを使っているようです。
mls-hashimoto さま
ご回答ありがとうございます。
半角に修正しましたが、適用されませんでした。
引継ぎ調べてみます。
以上、よろしくお願いいたします。
関石さま
極端に横に長いフィールドや関連レコードフィールド等はありますか？当方でも何かのレコードを取得した関連レコードを含む場合はshowlayout-gaiaのwidth自体が大きい数値になるためmarginの設定がうまくいきませんでした
widthを指定してみてはいかがでしょうか？
@media print {
.layout-gaia.showlayout-gaia {
width: 75% !important;
margin-right: auto;
margin-left: auto;
}
}
ご回答ありがとうございました。
連絡遅くなり申し訳ありません。
いただいたコードを試したところ、中央寄せになりました。
助かりました。
以上、よろしくお願いいたします。
このトピックはベストアンサーに選ばれた返信から 3 日が経過したので自動的にクローズされました。新たに返信することはできません。