HTML - PROBLEMA - AJUSTAR WEB

 
Vista:
sin imagen de perfil
Val: 26
Ha disminuido 1 puesto en HTML (en relación al último mes)
Gráfica de HTML

PROBLEMA - AJUSTAR WEB

Publicado por Emiliano (10 intervenciones) el 19/04/2019 03:16:55
Hola, estube trabajando en una web prediseñada html - css.

El problema que tengo que nose como ajustarla a diferentes resoluciones, ejemplo, en mi pantalla tengo que achicarla con CONTROL + RUEDITA DEL RATÓN para achicarla, pero al hacer eso se me mueve todo, titulos, etc. No quedan igual.

Hay forma de acomodarla para que quede para cualquier pantalla y movil?
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de Juan José
Val: 18
Ha mantenido su posición en HTML (en relación al último mes)
Gráfica de HTML

PROBLEMA - AJUSTAR WEB

Publicado por Juan José (6 intervenciones) el 19/04/2019 03:52:07
¿Has probado hacerlo con esto?
1
2
3
4
5
@media only screen and (max-width: 600px) {
 /* Todo el código css para todas aquellas pantallas menores a 600px */
}
 
/* además en el css puedes probar a poner min-width y max-width */

A lo mejor usando eso puedes ir amoldandola.
Por ejemplo, en paginas como w3school te puede ayudar mucho con el CSS.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
sin imagen de perfil
Val: 26
Ha disminuido 1 puesto en HTML (en relación al último mes)
Gráfica de HTML

PROBLEMA - AJUSTAR WEB

Publicado por Emiliano (10 intervenciones) el 19/04/2019 03:59:26
Te comento, mi pagina web arranca con este codigo css. Lo coloque pero por ejemplo, se sigue moviendo toda al hacer zoom o por ejemplo, las barras para moverse hacia arriba o abajo del costado, se sale de la pagina

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
html {
    font-size: 10px;
}
 
@media only screen and (max-width: 400px) {
    html {
        font-size: 9.411764705882353px;
    }
}
 
html, body {
    height: 100%;
}
 
body {
    background: #111111;
    font-family: "lora-regular", serif;
    font-size: 1.7rem;
    font-style: normal;
    font-weight: normal;
    line-height: 1.765;
    color: #757575;
    margin: 0;
    padding: 0;
}
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de Juan José
Val: 18
Ha mantenido su posición en HTML (en relación al último mes)
Gráfica de HTML

PROBLEMA - AJUSTAR WEB

Publicado por Juan José (6 intervenciones) el 19/04/2019 04:02:02
Yo comenzaria de la siguiente manera:
Crearía un archivo principal css
en el cual pondria lo que más usaria durante el codigo css
por ejemplo:

1
2
3
:root{
 --Rojo: backgroundcolor: red;
}
Así cuando buscara el color rojo deseado llamaría a ese Rojo
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
html {
 
    font-size: 10px;
 
}
 
 
 
@media only screen and (max-width: 400px) {
 
/*Aqui tenias el cierre del media only.... */
 
*{
 margin: 0;
 padding: 0;
}
 
body {
   /* La altura se va adaptando al contenido de la página*/
    height: 100%;
}
 
 
 
body {
    background: #111111;
    font-family: "lora-regular", serif;
    font-size: 1.7rem;
    font-style: normal;
    font-weight: normal;
    line-height: 1.765;
    color: #757575;
   }
/*Todo el codigo debe estar dentro*/
}
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
sin imagen de perfil
Val: 26
Ha disminuido 1 puesto en HTML (en relación al último mes)
Gráfica de HTML

PROBLEMA - AJUSTAR WEB

Publicado por Emiliano (10 intervenciones) el 19/04/2019 04:04:31
Excelente!

Pero tengo la barrita de abajo que me mueve a los costados, y se sale. Como la saco.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de Juan José
Val: 18
Ha mantenido su posición en HTML (en relación al último mes)
Gráfica de HTML

PROBLEMA - AJUSTAR WEB

Publicado por Juan José (6 intervenciones) el 19/04/2019 04:12:55
Conforme vayas adaptando la paágina puedes hacerlo de varias maneras
yo pondría
vw significa viene de viewport y la w de width
Algo que olvidé comentarte, css hace una especie de herencia, es decir, si pones dos body
la prioridad la tendrá el más bajo


1
2
3
body{
  width: 100vw;
}

o puedes optar por:
1
2
3
body{
  overflow-x:hidden;
}
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
sin imagen de perfil
Val: 26
Ha disminuido 1 puesto en HTML (en relación al último mes)
Gráfica de HTML

PROBLEMA - AJUSTAR WEB

Publicado por Emiliano (10 intervenciones) el 19/04/2019 04:16:22
Ahora al colocar el codigo, y bajar la llave del media only se me corrieron los background y se pusieron blancos.
Lo mismo el header se me corrio, si quieres te paso el codigo de la pagina para que veas.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de Juan José
Val: 18
Ha mantenido su posición en HTML (en relación al último mes)
Gráfica de HTML

PROBLEMA - AJUSTAR WEB

Publicado por Juan José (6 intervenciones) el 19/04/2019 04:17:29
Perfecto, yo te lo arreglo.
Mandamelo a mi email si lo ves, por favor.
¿Para que lo quieres, monitor o telefono?
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
sin imagen de perfil
Val: 26
Ha disminuido 1 puesto en HTML (en relación al último mes)
Gráfica de HTML

PROBLEMA - AJUSTAR WEB

Publicado por Emiliano (10 intervenciones) el 19/04/2019 04:18:19
Ambas, te mande mensaje privado para explicarte. O alguna red social si tenes.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de Juan José
Val: 18
Ha mantenido su posición en HTML (en relación al último mes)
Gráfica de HTML

PROBLEMA - AJUSTAR WEB

Publicado por Juan José jjramosmartinez96@gmail.com (6 intervenciones) el 19/04/2019 04:19:25
Creo que puedes ver mi email en la web
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
sin imagen de perfil
Val: 26
Ha disminuido 1 puesto en HTML (en relación al último mes)
Gráfica de HTML

PROBLEMA - AJUSTAR WEB

Publicado por Emiliano (10 intervenciones) el 19/04/2019 04:23:27
Ahi te estoy mandando el rar completo de la pagina web.

- Me deja solo por drive compartirtelo.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar