web-dev-qa-db-ja.com

印刷プレビューでマージン0を設定する方法は？

どこで間違っているのですか？

これは通常の印刷プレビューです： this is the first picture

しかし、私はこの写真を見たいです（マージン矢印をドラッグせずに） alt text

これはCSSコードとプレビューです：

alt text

cssinternet-explorermargins
21
uzay95

あなたができる最善のことは設定されます @page margins 。ただし、マージンを0に設定した場合は、却下される可能性があり、ほとんどの場合却下されることに注意してください。

18
Randolpho

はい。ページの印刷でマージンを変更することができます。ルールは次のようになります。

@page {
    margin: 0;
}

これは、現時点ではFirefoxでは機能しません。 @ page CSS support で開発者リファレンスを確認すると、@pageをサポートしているブラウザーを確認できます。

28
Chris B.

よろしくお願いします！クロムでうまく動作します

@page {
    margin: 0;
}
1
Yair Yaya Tendler

ユーザーのコンピューターのデフォルトを無効にするので、実際にこれを行うことは不可能だと思います。私の知る限り、Webアプリケーションには、IEで何らかのActiveXスクリプトを使用せずにプリンター設定などを変更するためのアクセス権がありません。

しばらく前に同様の問題が発生し、最終的にTCPDFを使用してPDFをオンザフライで生成する必要がありました。結局、レイアウトをより細かく制御できるため、うまくいきました。

0
David John Welsh

WindowsからコンピューターをアップグレードできないXPより新しいものにアップグレードできないので、基本的にIE8を使用しています。

IE8では、ページマージン常に最小になります 6.01mm左右、5mm上下であることがわかりました。私が何をしても、@ pageルール内で@ top-left rightおよびcenterルールを使用しても、デフォルトでは上記の値になります。

この印刷サイズの制限を考慮に入れてスタイルシートを作成する方が簡単な場合があります。

IE hack\9をCSSクラスプロパティ値の前に置くと役立つ場合があります。プロパティを複製すると、場合によっては役立つ場合があります（ただし、ページのマージンには影響しません） ）、 といった：

.aDiv {
    margin: 10mm;
    margin: 15mm\9;     //this \9 hack will set that value only on IE8.
}

\ 0など、これに類似したハッキン​​グが他にもあることは知っていますが、完全に理解していないことは認めます。\9はIE8でうまくいく場合があります。

0
Rafael Ventura