我如何使图像100%在浏览器中

How can I make an image 100% in the browser?

本文关键字：浏览器 100% 图像何使更新时间：2023-09-26

图片文件:http://paradeepphosphates.com/templates/files/pdf/mar_31_2010.jpg

如何使图像100%在浏览器中显示?

如果您只是链接到一个图像，就像您在问题中所做的那样，然后浏览器决定如何显示它。大多数浏览器默认会将其缩放，以便它适合浏览器窗口。你对此无能为力。

但是，如果您将图像添加到HTML页面，例如

<img src="http://paradeepphosphates.com/templates/files/pdf/mar_31_2010.jpg">

则将以其"自然"大小显示，即图像文件中的一个像素将表示为浏览器窗口中的一个像素。(我猜这就是你所说的"100%"。)

如何使图像100%在浏览器中显示?

你需要把它嵌入到一个HTML文件中，并给它一个100%的宽度:

<img src="..." style="width: 100%">

没有办法在图像资源本身中做到这一点-如果单独请求，浏览器将决定如何显示。