Ir ao conteúdo

Javascript Redimensionamento de containers com javascript


Ir à solução Resolvido por brund321,

Posts recomendados

Postado

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.

Crie uma conta ou entre para comentar

Você precisa ser um usuário para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar agora

Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas comunidades sobre tecnologia do Brasil. Leia mais

Direitos autorais

Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

×
×
  • Criar novo...

GRÁTIS: ebook Redes Wi-Fi – 2ª Edição

EBOOK GRÁTIS!

CLIQUE AQUI E BAIXE AGORA MESMO!