Responsive
Publicado por Jose (3 intervenciones) el 04/07/2015 00:46:58
Buen día.
El problema que tengo es que tengo dos div y cuando llegue a una resolución de 650px en la pantalla me esconda uno y me muestre el otro, el me funciona en el navegador del pc pero cuando lo ensayo en mi celular que tiene una resolución de 360px no me funciona, que puede pasar, por acá les dejo el código, muchas gracias de antemano.
HTML
CSS
El problema que tengo es que tengo dos div y cuando llegue a una resolución de 650px en la pantalla me esconda uno y me muestre el otro, el me funciona en el navegador del pc pero cuando lo ensayo en mi celular que tiene una resolución de 360px no me funciona, que puede pasar, por acá les dejo el código, muchas gracias de antemano.
HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<html>
<head>
<meta charset="UFT-8">
<link rel="stylesheet" href="styles/estilos.css">
</head>
<body>
<div class="Parte-web">
<div class="Saludo">
Hola a todos
</div>
<div class="Despedida">
Adioooos a todos !!!
</div>
</div>
</body>
</html>
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
*{
margin:0;
padding:0;
}
.Saludo{
display:block;
}
.Despedida{
display: none;
}
@media screen and (max-width:650px){
.Saludo{
display:none;
}
.Despedida{
display: block;
}
}
Valora esta pregunta


0