Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

First

Problema com responsividade

Recommended Posts

Bom, eu to apreendendo fazer sites responsivos com ajuda dos usuários do iMasters.

Então estou com um probleminha aqui... você pode ver para mim oque estou fazendo de errado?

/*Responsivo*/
@media screen and (max-width: 1024px) {
	.body.boxfirst {width: 1024px;}
	.container {width: 1024px;}
	.wrapper {width: 1024px;}
	#logo-nah {width: 1024px;}
}
@media screen and (max-width: 768px) {
	.body.boxfirst {width: 768px;}
	.container {width: 768px;}
	.wrapper {width: 768px;}
	#logo-nah {width: 768px;}
}
@media screen and (max-width: 320px) {
	.body.boxfirst {width: 320px;}
	.container {width: 320px;}
	.wrapper {width: 320px;}
	#logo-nah {width: 320px;}
}

Espero sua resposta...

Compartilhar este post


Link para o post
Compartilhar em outros sites

Qual o problema?

Todas essas linhas são desnecessárias, pois se você fizer isso:

.body.boxfirst,.container , .wrapper,#logo-nah {width: 100%;}

Vai ser a mesma coisa.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Deu certo muito obrigado... você é de mais!

 

Mas amigo, exemplo: no .body.boxfirst no CSS normal sem ser responsivo ele tem um {width: 1180px;} tipo para dar aquela separada na div .container como eu faço para dar essa separada no CSS RESPONSIVO?

 

Fico no aguardo da sua resposta.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Pois não...

Aqui está.

<body class="chrome">	<div class="body boxfirst">		<div class="container">			<header id="header" class="wrapper">				<div id="logo-nah">					<div class="logo">						<h1 class="custom-logo">							<a href="/index" title=""><img src="img/logo.png" width="406px" height="98px"/></a>						</h1>					</div>					<div class="header-nah"></div>				</div>			</header>		</div>	</div></body>

Espero a sua resposta.

 

 

Amigo? O'Que devo fazer?

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.