タグ付けされた質問 「print-preview」

11
印刷プレビューモードでChromeのElement Inspectorを使用していますか?
私はウェブサイトの開発に取り組んでおり、印刷ビューで作業する必要があります。通常、レイアウトに問題がある場合は、ChromeのElement Inspectorを使用します。ただし、これは印刷プレビューモードでは存在しません。 プリンターのようにページを表示するために、ChromeプラグインまたはChrome内の表示メディアを変更する他の方法はありますか?Chrome固有のソリューションはないと思いますが、それが私の主要なブラウザーであるため、ブラウザー内のソリューションがあればよいでしょう。 現在、私は印刷プレビューメディアだけに焦点を当てていますが、サポートされているメディアタイプ(つまり、すべて/点字/エンボス/ハンドヘルド/印刷/投影/画面/音声/ tty /)に変更できることが理想的です。テレビ)。

3
A4用紙サイズを設定するCSS
私はWebでA4用紙をシミュレートし、ブラウザー(具体的にはChrome)で表示されるようにこのページを印刷できるようにする必要があります。要素のサイズを21cm x 29.7cmに設定しましたが、印刷(または印刷プレビュー)に送信すると、ページがクリップされます。 このライブの例をご覧ください! body { margin: 0; padding: 0; background-color: #FAFAFA; font: 12pt "Tahoma"; } * { box-sizing: border-box; -moz-box-sizing: border-box; } .page { width: 21cm; min-height: 29.7cm; padding: 2cm; margin: 1cm auto; border: 1px #D3D3D3 solid; border-radius: 5px; background: white; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); …
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.