Question

在任何现代浏览器中，当您访问图片网址（例如http://i.imgur.com/xrM9q.jpg）时，它会自动调整该图片的大小，并为您提供“放大”放大镜的选项。 iframe的情况并非总是如此：

<iframe src='http://i.imgur.com/xrM9q.jpg'> </iframe>

如果您将iframe链接到图片，Firefox会给出这样一个好的行为：它的行为类似于max-width: 100%; max-height: 100%，然后您可以点击它以使其变大。

但是，在Chrome中，图片只是全尺寸。尝试在Chrome和Firefox中打开this example。

如何让Chrome“巧妙地”处理图像？也就是说，默认行为是否显示放大镜光标并提供自动调整大小？

（澄清一下：我希望这可以在Chrome扩展程序中使用。到目前为止我唯一能提出的解决方案是在所有页面上放置内容脚本并手动更改页面上图像的样式。该解决方案很糟糕，所以我希望一种不那么黑客的方法，不会影响用户访问的每一页。

Answer 1

尝试让iframe引用另一个html文件，并在该html文件中放入带有width和height约束的img标记。我认为它可以通过这种方式在大多数浏览器上运行。