I'm experiencing an issue with my home page at
While the map displays correctly on larger screens, I want to enhance its flexibility so that it resizes automatically when I decrease the size of my browser window. How can I achieve this?
My code is quite simple, consisting of only one HTML page and two JS files.
Here's a snippet of my HTML page:
<!DOCTYPE html>
<style>
.italy{
width: 100%;
height: auto;
overflow: hidden;
display: inline-block;
position: relative;
vertical-align: middle;
}
</style>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<div id="myMap" class="italy">
</div>
<script src="raphael-min.js"></script>
<script src="map.js"></script>
</body>
</html>
I've also created a link for the related jsfiddle, but unfortunately, it's not functional...