HTML5中map标签的使用 area标签中的coords怎么可以做到自适应

coords 中的值只能是数字，你的问题可以用 JavaScript 来解决

页面加载的时候，用 JavaScript 获取图片的尺寸，例如 500 * 300，当图片尺寸发生改变的时候再获取一次，例如 400 * 240，获取比例，400 / 500 = 0.8。然后使用 JavaScript 重新设定 coords

284 * 0.8

419 * 0.8

46 * 0.8

给你两幅图 原本图是一样的 但是为了结合游戏找茬 把另一幅有些地方小小的变动一点 让你自己找出来 两幅某些地方有什么不同 如果你玩的是五图的 就找出五个不同的地方 如果是十图就找出十个不一样的地方 还有要在规定的时间内找出来 给 你些参考 大家来找茬”是一款经典的游戏，支持2－4人同时开始进行游戏，在限定时间内，找出左右两幅图的不同之处，以最快找出不同之处最多的玩家为优胜者。游戏规则极为普及、 *** 作简单、考验玩家的分析力观察力、适合不同性别不同年龄段的玩家，实乃办公室、宿舍杀手。 用鼠标左键从图片区域选择左右两副图之间的不同之处。一般每副图的不同之处为5处。 每张图片的时间为50秒，若时间耗尽则根据游戏模式结束游戏或换下一张图 总得分：名次分+combo分。 名次分：第一名3*游戏人数，第二名1*游戏人数，第三名-1*游戏人数，第四名-3*游戏人数。 Combo分：根据combo数量分段进行加分，0-5combo=0分，6-10combo=1分，11-15combo=2分，16-20combo=3分，21-25combo=4分，26-35combo-=5分，36combo及以上=7分。 如果玩家一个茬也没找到，不论名次不予以任何加分。 逃跑：扣除8分。

我经常玩的www.taoql.com/l1就是一个游戏直接打开就能玩的网站，玩起来很方便，里面的游戏非常的多，种类很齐全。像你想要找茬的就有很多，比如神奇3D找茬，动漫人物找茬，乐器找茬，大家来找茬等等的，非常的多，里面的游戏可玩性还很高呢。你也去玩玩吧，相信你也会喜欢上的。

---