在任何现代浏览器中,当您访问图像 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 并且不会影响用户访问的每个页面的方法)