10

現在、FireFoxの最新バージョンとIE8を使用しています

印刷の向きを変更するには、使用しました

@page {
  size: portrait;
}

私のcssファイルで。 @ページ参照

@page は両方のブラウザでサポートされていると主張していますが、私のテストの後、Chrome 以外ではまったく機能しません。FireFox / IE8 でページを別の向きで印刷する方法を知りたいです。

4

6 に答える 6

14

印刷用のページの向きに関する CSS3 標準は、ほとんどのブラウザーでまだ実装中であるため、現在、この機能に依存してクロスブラウザーで動作するアプリケーションはありません。

Google Chrome の場合は問題なく動作します: http://dev.activisual.net/test.html

最終的に、方向を変更する決定は、印刷プロセス中にユーザーに伝えられます (それが機能する場合でも)。そのため、ページを横向きまたは縦向きで印刷する必要があることをユーザーに知らせるだけで済みますが、一般的にはそうなりません。デスクトップ ブラウザーでの印刷中にユーザーが方向を変更できないようにする方法。

最近報告された FF のバグ レポートは次のとおりです: https://bugzilla.mozilla.org/show_bug.cgi?id=851441

参考のために、この質問に対する受け入れられた回答を読むことができます: HTML からのランドスケープ印刷

于 2013-06-08T03:57:44.630 に答える
3

MDNリファレンスが言うように：

ドキュメントのマージン、オーファン、ウィドウ、改ページのみを変更できます。その他の CSS プロパティを変更しようとしても無視されます。

あなたが望むものを達成するマークアップを提供する限り、それはSOで許可されている範囲外です。さらに、現在の世代の Firefox と同様に IE の 2 世代前のバージョンを実行しようとしているので、少し手間がかかる可能性があります。

于 2013-06-08T03:02:31.377 に答える
1

ページの印刷レイアウトはデフォルトで縦になっています。横に変更して違いを確認するには、以下を試してください。

以下の css コードはバージョン 19.0 以降でサポートされています。試してみてください。問題が解決するはずです。IE8 の場合、html で HTML5 ディレクティブを使用する必要があります

<!doctype html>

CSS コード :

@media print{@page {size: landscape}}

Firefox: https://developer.mozilla.org/en-US/docs/Mozilla_CSS_support_chart Firefox のサポート

IE http://msdn.microsoft.com/en-us/library/hh781508(v=vs.85).aspx ここに画像の説明を入力

于 2013-06-14T22:42:47.523 に答える
0

不思議だな、これは

{
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

私が自分でテストして正常に動作するため、最新バージョンの Firefox では機能しません。

何も見つからない場合は、ここを見てください。これは (印刷用の) 正確なポートレート モードではありませんが、いくつかのアイデアが得られるかもしれません。

最後に、必死になり、これを行う方法を本当に見つける必要がある場合は、いつでも、たとえばhtml2canvasを使用して Web ページのスクリーンショットを撮り、画像を回転させてから、Web ページの代わりに画像を印刷できます... 理想的な解決策ではありませんしかし、この方法ではブラウザをバイパスします。

于 2013-06-11T05:39:35.553 に答える