web-dev-qa-db-ja.com

Bootstrap 4 CSSによりChromeの印刷「レイアウト」が表示されなくなります

Webサイトのユーザーが縦向きまたは横向きのどちらのモードでもページを印刷できるようにしたいと考えています。

Googleから印刷するときChrome Bootstrap 3.3.7を使用すると、Chrome印刷設定にはレイアウトオプションがあります。単にcss/jsから4.0.0へ、Chrome印刷設定にはレイアウトオプションがなくなりました。これはこれらのCSSディレクティブのいずれかと関係があると思います:

@page
@media
14
paultechguy

このCSSを追加することでこれを修正することができました:

@page {
    size: auto;
}
20
paultechguy

bootstrapのバージョン4.4では、以下を設定する必要があります。

size: auto !important;
0
Murod