Ao programar uma página web via PC adicionei um mapa de imagem cuja imagem era relativamente grande, ocupando a largura da página inteira. O problema é que ao acessar por uma tela menor, como a de um notebook por exemplo, a imagem não redimensiona junto com a div como o restante da página.
Já tentei usar max-width
e definir o tamanho no style
da div
, mas não deu certo.
Este é o código que estou usando:
<div class="container">
<map name = "shape">
<area shape = "rect" coords = "0, 0, 500, 500"
href="/31.01.2018/production/ajax/historicoperini1.php"/>
</map>
<img src="\31.01.2018\production\imagem.jfif" usemap="#shape" />
</div>
Obs: Linguagem HTML/CSS/JAVASCRIPT