Tenho a seguinte estrutura:
<div class="bg">
<img src="view/img/planta-supermercado.png" id="bg">
<div class="bg-scroll" id="bg-scroll">
<img src="view/img/planta-supermercado.png" id="bg-mobile">
</div>
</div>
quando abrir a página pelo mobile, ele carrega a div com o id bg-scroll
o que eu preciso é que a imagem fique 100% na altura e proporcional na largura(a largura é maior que a altura)... e para isso acontecer eu devo criar um scroll horizontal apenas na imagem(ou na div bg-scroll
) para que o usuário consiga ver toda a imagem.
Obrigado!