响应图像映射 [英] Responsive image map

问题描述

我有一个现成的图像映射在响应html布局。图像根据浏览器大小缩放，但图像坐标显然是固定的像素大小。

I have an existing image map in a responsive html layout. Images scale according to browser size, but the image coordinates are obviously fixed pixel sizes. What options do I have to resize the image map coordinates?

推荐答案

对于响应式图片地图，您需要使用插件：

https：/ /github.com/stowball/jQuery-rwdImageMaps （不再维护）

或

https://github.com/davidjbradshaw/imagemap-resizer

没有主要浏览器正确理解百分比坐标，所有
都将百分比坐标解释为像素坐标。

No major browsers understand percentage coordinates correctly, and all interpret percentage coordinates as pixel coordinates.

http://www.howtocreate.co.uk/tutorials/html/imagemaps

此网页还用于测试浏览器是否实现

And also this page for testing whether browsers implement

http://home.comcast.net /_urbanjost/IMG/resizeimg3.html

这篇关于响应图像映射的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！