调整 HTML 地图图像的大小

Question

在一个小型网站中，页面仅由使用 html 地图的单个图像和多个链接组成，我想调整图像的大小（较小的图像），但调整所有图像的大小并更改所有链接坐标是非常痛苦的。

<div style="text-align:center; width:586px; margin-left:auto; margin-right:auto;">
<img id="Image-Maps_5201110040649307" src="http://site.com/ui_prototype/login.png" usemap="#Image-Maps_5201110040649307" border="0" width="586" height="1162" alt="" />
<map id="_Image-Maps_5201110040649307" name="Image-Maps_5201110040649307">
<area shape="rect" coords="59,550,297,614" href="http://site.com/ui_prototype/main_menu.html" alt="" title=""    />
</map>
</div>

解决问题的更好方案是什么？

谢谢

Answer 1

您可以缩放/缩放 div，

示例（半尺寸）：

style="zoom:.5;-o-transform: scale(.5);-moz-transform: scale(.5)"