为什么html地图和区域不能在手机上使用



它在我笔记本电脑上的Chrome浏览器上运行得很好,但在我的移动智能手机上根本不起作用。有人解决了这个问题吗?

<img id="image" src="login.jpg" width="1080" height="2160" usemap="#Map" >
<map name="Map">
<area target="_self" shape="rect" coords="272,1625,820,1740" href="buyer_profile.html">
<area target="_self" shape="circle" coords="814,2088,40" href="back.html">
</map>

刚刚发现视口高度&宽度不同于图像大小。在我的情况下,我不得不将地图区域坐标除以3,现在一切都很好。

一个优雅的解决方案是可以根据图像大小和实际视口大小之间的比率动态调整坐标。

相关内容

  • 没有找到相关文章

最新更新