Javascript Redimensionamento de containers com javascript

Reberth Siqueira · 12 de novembro de 2019

Bom dia!

Eu to testando algumas coisas em javascript e tenho uma duvida em como aplicar responsividade. Eu tenho a seguinte estrutura:

<-- HTMLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLL -->
<!DOCTYPE html>
<html>

<script  src="js/main.js"></script>

<head>
</head>
<body onload = "makeGalery()">
    <div id = "container">
        <div id = "galery">
            
            <img id="img0" src="foto.jpg">
           
        </div>
        
    </div>
</body>

</html>

// JAVA SCRIPTTT
function makeGalery(){
    document.getElementById("container").style.width = "1920px";
    document.getElementById("container").style.height = "600px";
    document.getElementById("container").style.border = "3px solid black";

    
    document.getElementById("galery").style.width = "1920px";
    document.getElementById("galery").style.height = "300px";
    document.getElementById("galery").style.marginTop = "50px";
    document.getElementById("galery").style.border = "3px solid blue";

    document.getElementById("img0").style.width = "50px";
    document.getElementById("img0").style.height = "50px";
    document.getElementById("img0").style.marginTop = "10px";
    document.getElementById("img0").style.marginLeft = "10px";
    document.getElementById("img0").style.border = "3px solid green";

    
}

A minha dúvida é:

Citação

Como eu faço pra o script mudar dinamicamente o a ALTURA e a LARGURA da página com base no "espaço disponível"?

Obrigado desde já,

reberth.

brund321 · 12 de novembro de 2019

@Reberth Siqueira Oi tudo bem? Você sabe que é possível fazer isso com css e seria o recomendado ? https://developer.mozilla.org/pt-BR/docs/Web/Guide/CSS/CSS_Media_queries

Ou você deseja fazer isso com JS?

Reberth Siqueira · 12 de novembro de 2019

14 minutos atrás, brund321 disse:

@Reberth Siqueira Oi tudo bem? Você sabe que é possível fazer isso com css e seria o recomendado ? https://developer.mozilla.org/pt-BR/docs/Web/Guide/CSS/CSS_Media_queries

Ou você deseja fazer isso com JS?

Bom dia!

Eu nem sabia.... Obrigado pela dica

brund321 · 12 de novembro de 2019

@Reberth Siqueira Sem problemas Reberth! Se você quiser fazer com JS é possível, mas seria mais trabalhoso do que com CSS, se você ainda quiser saber ou tiver alguma dúvida sinta-se livre para perguntar.