如何通过html在触摸屏手机上做出按钮响应

时间:2015-12-14 22:34:53

标签: html css mobile

我必须使用标准HTML和CSS创建一个网站才能在网站和移动设备上使用;该网站完全正常,但移动按钮似乎不起作用!是否有任何代码我应该在CSS / main中输入以生成reponsive ..

这是我的按钮代码:

<div id="Image">
<img src="image" alt="image" width="1200" height="557" usemap="imageMap"/>
<map name="imageMap">
<area id="STC" alt="imageALT" title="imageTitle" href="URL" shape="rect" coords="40,414,396,458"  target="_self"/>
<area id="PTE" alt="ImageALT" title="ImageTitle" href=" URL" shape="rect"    coords="41,483,397,527"  target="_self"/>

</div>

1 个答案:

答案 0 :(得分:0)

要调整图像地图坐标的大小,您可能会发现使用插件最容易,例如这些。

http://mattstow.com/experiment/responsive-image-maps/rwd-image-maps.html

https://github.com/stowball/jQuery-rwdImageMaps