CSS - trabajar con responsive. en local se ve de una forma y en cell de otra

   
Vista:
Imágen de perfil de wilson

trabajar con responsive. en local se ve de una forma y en cell de otra

Publicado por wilson (12 intervenciones) el 18/07/2017 02:59:17
Buenos amigo tengo una indeligencia diagramando con CSS. Que pasa...

tengo dos archivos css uno para el responsive y otro para el normal algo asi.

style-index.css: para el archivo de laptop y r-style-index: para el cell

tengo este código.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
button.inisesion{
        border-radius: 8px 8px 8px 8px;
        position: absolute;
        top:3px;
        right:40px;
        padding: 10px 10px ;
        font-family: avan;
        font-size: 12px;
        color:white;
        background-color: red;
        border: none;
        transition: all 0.3s ease;
        cursor:pointer;
        }

1
2
3
4
5
6
7
8
9
10
11
12
13
14
a.cerrar{
   display:block;
    margin-bottom: auto;
    margin-right: auto;
    margin-left: auto;
    margin-top:10px;
    background-color:red;
    color:white;
    border:none;
    font-size: 15px;
    cursor:pointer;
    padding: 10px 24px;
    border-radius: 5px 5px 5px 5px;
    align-items: center;

es un botón y me funciona perfecto en la configuracion de laptop pero cuando la paso a el responsive el botón cambia los espacio no se ve igual. Esto solo pasa cuando lo subo a github y lo veo mi cell pero si lo veo en la pagina y la achico no pasa nada se ve bien. les pongo unas foto del problema

qH5tB

esto como se ve normal en la computadora.

7pcti
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 xve

trabajar con responsive. en local se ve de una forma y en cell de otra

Publicado por xve (449 intervenciones) el 18/07/2017 10:45:14
Hola Wilson, nos puedes indicar la url... unicamente con el código que nos muestras, no te se decir... con el "inspector" del navegador es mucho mas fácil dar con el problema.
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 wilson

trabajar con responsive. en local se ve de una forma y en cell de otra

Publicado por wilson (12 intervenciones) el 18/07/2017 21:25:26
Pero el problema no es en el navegador de la desktop, si no en el navegador de el cellphone.
de todas formas, te muestro el link.

https://wilsonromero1.github.io/room2/
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 xve

trabajar con responsive. en local se ve de una forma y en cell de otra

Publicado por xve (449 intervenciones) el 19/07/2017 11:15:03
Hola Wilson, me he cenrado en la X, que es donde se ve mas la separación inferior en el movil.

Si cambias la fuenta a Arial, creo que se te soluciona el problema... en vez de esto:
1
font-family: avan;
prueba con:
1
font-family: arial;

Coméntanos, ok?
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 wilson

trabajar con responsive. en local se ve de una forma y en cell de otra

Publicado por wilson (12 intervenciones) el 19/07/2017 15:41:18
Si. funciono muchas gracias.
Una pregunta, Que te hizo llegar a esa conclusión ?
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 xve

trabajar con responsive. en local se ve de una forma y en cell de otra

Publicado por xve (449 intervenciones) el 19/07/2017 21:06:43
Con el inspector del navegador, fui revisando los estilos hasta dar con la fuente, ya que el resto de estilos no afectaba a esa separación. Al quitar la fuente, desaparecía el espacio.
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 wilson

trabajar con responsive. en local se ve de una forma y en cell de otra

Publicado por wilson (12 intervenciones) el 20/07/2017 15:13:03
Fuiste depurando verdad ?
pero si el problema estaba en el cellphone. como usaste el inspector?
En mi conocimiento solo existe un inspector y es para el chrome.
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 xve

trabajar con responsive. en local se ve de una forma y en cell de otra

Publicado por xve (449 intervenciones) el 20/07/2017 18:43:42
Puedes hacerlo de dos maneras...
1.- indicando a chrome que es un smarphone (desde el inspector de elementos)
2.- conectando un Android y visualizar el navegador del Android en chrome
https://developers.google.com/web/tools/chrome-devtools/remote-debugging/
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 wilson

trabajar con responsive. en local se ve de una forma y en cell de otra

Publicado por wilson (12 intervenciones) el 23/07/2017 19:03:02
Gracias por la información. estoy intentando de conectar el androit en la pc y vizualizarlo en la pc. Pero no laso del punto 7.
sale así20245828_10155579855446340_4406266248874938830_n

y no asi discover-usb-devices

Esto es lo que dice el manual.
Note: Si tienes algún problema durante el proceso de detección, puedes reiniciarlo seleccionando Settings > Developer Options > Revoke USB Debugging Authorizations en el dispositivo Android.
Pero no especifica donde hay que hacer esto. En si es en el cell o el la pc.
encontré este video pero no me funciona.



en total. estoy en el punto 7 y no paso.
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
Revisar política de publicidad