HTML5中map标签的使用 area标签中的coords怎么可以做到自适应

HTML5中map标签的使用 area标签中的coords怎么可以做到自适应,第1张

coords 中的值只能是数字,你的问题可以用 JavaScript 来解决

页面加载的时候,用 JavaScript 获取图片的尺寸,例如 500 * 300,当图片尺寸发生改变的时候再获取一次,例如 400 * 240,获取比例,400 / 500 = 0.8。然后使用 JavaScript 重新设定 coords

284 * 0.8

419 * 0.8

46 * 0.8

1、打开任意一个网站,根据自己的需要选择。

2、如图点击右上角三条横杠的按钮。

3、点击”工具“选项。

4、点击”查看源代码“。

5、如图,就可以轻松查看到了该网站的源代码。

6、如果想关闭网页源代码,只需点击左上角“返回”按钮,这样就完成了。

html5结构:

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Title</title>

</head>

<body>

</body>

</html>

输出html5网页源码 你直接f12 或者鼠标右击查看网页源代码


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7007021.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-31
下一篇 2023-03-31

发表评论

登录后才能评论

评论列表(0条)

保存