Question

使用HTML5制作图片热点，再使用Bootstrap的img-responsive后热点区域对不准了

问题很简单，可是对于我这样没入门的依旧很困难，我能明白原因，但是想不出啥好办法解决，总不能画个矢量地图出来吧……请高手给出解决方案可否~：
我在做一个网站，是使用bootstrap的响应式来做的，本想使用html5的<map><area>标签来实现一个地图热点，制作好之后再给图片加上一个img-responsive，然后……请看图中说明：

Answer 1

首先看下<area>标签的实现方法.
区域是根据属性coords里面的值来实现的.
所以,单单给图片增加img-responsive根本实现不了响应式.

这种效果,最好用flash来解决.
或者写很多个版本通过判断设备类型,尺寸来解决.
可你版面又这么复杂.