我了解HTML图片地图
<map name="beachmap">
<area href="/" shape="poly" coords="17,51,42,35,66,51,66,89,17,89"
alt="Beach hut" title="Beach hut - where you get changed">
...
使用的单位AFAIK是像素。我处于需要创建图像映射的情况,但是在可变宽度的图像上。理想情况下,我想创建一个使用em的图像映射,或者使用区域定义的百分比而不是像素。那可能吗?我有什么选择?
说实话,我需要在设置了background-sizing:cover
的背景上设置图像映射功能,这样才会更加困难。但是,如果我可以使用相对单位,或找到一个简单的解决方案来获得可变宽度图像的图像映射,那将是一个很好的开始!
答案 0 :(得分:0)
找到一些包含有用信息的类似问题或答案......
Resize image map on window resize
Dynamically resizing Image-maps and images
PS:规格意味着除了像素之外,百分比可能会被用作图像映射单元,但似乎没有浏览器遵循这部分规范: