Question

我正在尝试从浏览器中打印图像。

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

我希望我的打印页面在任何一侧都没有任何边距，以使图像从页面的左上角开始。

我还希望打印图像的宽度应该是固定的，比如8英寸。

是否有任何CSS / JS / HTML解决方法？

编辑：我会没问题如果我需要在打印输出弹出窗口中更改一些设置。

Answer 1

在CSS中使用@media print并将图像宽度和高度设置为所需的尺寸。您可以在浏览器打印部分中管理的其余设置。

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

您甚至可以将相对单位用于图像属性。

关于将图像宽度扩展到设备屏幕分辨率，然后打印生成的图像的请求，我认为这几乎是不可能的，因为您正在从打印机设备驱动程序管理这些设置。

Answer 2

CSS MEdia Types会帮助你。见下面的链接。（使用@media print）

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>

从浏览器打印图像文件

2 个答案: