1

ブラウザから画像を印刷しようとしています。

例: http://www.canadianpetconnection.com/wp-content/uploads/2011/09/Cats1.jpg

画像がページの左上から始まるように、印刷ページのどの辺にも余白がないようにしたいです。

また、印刷される画像の幅を 8 インチなどに固定する必要があります。

CSS/JS/HTML の回避策はありますか?

編集：表示される印刷ポップアップでいくつかの設定を変更する必要がある場合は問題ありません。

4

2 に答える 2

0

CSS MEdia Typesが手伝う。以下のリンクを参照してください。(@media プリントを使用)

http://www.w3schools.com/css/css_mediatypes.asp

<html>
<head>
<style>
@media screen
  {
  p.test {font-family:verdana,sans-serif;font-size:14px;}
  }
@media print
  {
  p.test {font-family:times,serif;font-size:10px;width:300px;}
  }
@media screen,print
  {
  p.test {font-weight:bold;}
  }
</style>
</head>

<body>
....
</body>
</html>
于 2013-01-04T10:39:36.943 に答える
0

CSS で使用@media printし、画像の幅と高さを目的の寸法に設定します。ブラウザの印刷セクションで管理できる残りの設定。

@media print {
    img {width: ?px; height: ?px; }
}

画像のプロパティには相対単位も使用できます。

画像の幅をデバイスの画面解像度に拡大してから、結果の画像を印刷するというご要望に関しては、これらの設定はプリンターのデバイスドライバーから管理しているため、ほとんど不可能だと思います。

于 2013-01-04T10:33:44.453 に答える