6

在任何现代浏览器中,当您访问图像 url(例如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 中打开此示例。

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

(澄清一下:我希望它在 Chrome 扩展程序中工作。到目前为止,我想出的唯一解决方案是在所有页面上放置一个内容脚本并手动更改页面上图像的样式。那个解决方案很糟糕,所以我'我希望有一种不那么 hacky 并且不会影响用户访问的每个页面的方法)

4

1 回答 1

1

尝试使 iframe 引用另一个 html 文件,并在该 html 文件中放置带有宽度和高度约束的 img 标签。我认为它会以这种方式在大多数浏览器上运行。

于 2015-01-14T18:16:51.063 回答