最新のブラウザーでは、画像の 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拡張機能で機能させたいと思っています。これまでに思いついた唯一の解決策は、すべてのページにコンテンツスクリプトを配置し、ページ上の画像のスタイルを手動で変更することです。その解決策はひどいので、私はハックが少なく、ユーザーがアクセスするすべてのページに影響を与えない方法を望んでいます)