调整HTML地图图像的大小 [英] Resize HTML map images
本文介绍了调整HTML地图图像的大小的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
在一个小型网站,其中的网页只由一个单一的图像与多个链接使用html地图组成,我想调整图像(较小的图像)的大小,但它是非常痛苦的调整所有图像的大小和更改所有的链接坐标。
In a small website where the pages are only composed by a single image with multiple links using html map, I want to resize the images (smaller images) but it is extremely painful to resize all the images and change all the link coordinates.
<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>
解决问题的更好的解决方案是什么?
What is the better solution to solve the problem?
感谢
推荐答案
您可以缩放/缩放div,
You may zoom/scale the div,
example(half size):
example(half size):
style="zoom:.5;-o-transform: scale(.5);-moz-transform: scale(.5)"
这篇关于调整HTML地图图像的大小的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文