调整 HTML 地图图像的大小

调整HTML地图图像的大小可以通过修改CSS样式来实现。以下是一个简单的示例：

首先，创建一个HTML文件，例如：index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>调整地图图像大小</title>
   <style>
        img.map {
            width: 50%;
            height: auto;
        }
    </style>
</head>
<body>
    <img class="map" src="map.png" alt="地图图像">
</body>
</html>

在上面的代码中，我们定义了一个名为“map”的CSS类，并将其应用于HTML中的img元素。通过设置宽度为50％，我们可以将地图图像的大小调整为原始大小的一半。通过将高度设置为“auto”，我们可以确保地图图像的宽高比保持不变。