Ir para conteúdo

POWERED BY:

Arquivado

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

First

Problema com responsividade

Por , em Desenvolvimento frontend

Recommended Posts

First    1

First
Postado

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

Marlon Pacheco    132

Marlon Pacheco
Postado

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

First    1

First
Postado

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

First    1

First
Postado

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
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

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

  Aceito