В любом современном браузере, когда вы посещаете URL-адрес изображения (например, http://i.imgur.com/xrM9q.jpg), он автоматически изменяет размер этого изображения и дает у вас есть возможность «увеличить масштаб» с помощью небольшого увеличительного стекла. Это не всегда так с iframe:
Если вы свяжете iframe с изображением, Firefox будет вести себя следующим образом: он начинает вести себя как max-width: 100%; max-height: 100%
, затем вы можете щелкнуть по нему, чтобы сделать его большим.
Однако в Chrome изображение просто полноразмерное. Попробуйте открыть этот примерв Chrome и Firefox.
Как заставить Chrome «умно» обрабатывать изображения? То есть, поведение по умолчанию показывает курсор в виде увеличительного стекла и обеспечивает автоматическое изменение размера?
(Для уточнения: я хочу, чтобы это работало в расширении Chrome. Единственное решение, которое я придумал до сих пор, — это разместить скрипт содержимого на всех страницах и вручную изменить стиль изображений на странице. Это решение — отстой. , поэтому я надеюсь на метод, который менее хакерский и не влияет на каждую страницу, которую посещает пользователь)