0

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.

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;
        } 

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

imagen del cell

esto como se ve normal en la computadora.

en la laptop

2
  • 1
    ¿Puedes agregar también el html que esté usando? el 12 jul. 2017 a las 20:28
  • el problema es esta linea font-size: 12px; deberias usar unidades no pixeles ya que para cada dispositivo un px es diferente...
    – user46896
    el 12 jul. 2017 a las 21:05

2 respuestas 2

0

Pueder verificar el line-height para ver si coincide el mismo en ambos casos, sino, ajústalo. Hay opciones para centrar verticalmente los elementos, dependiendo de qué compatibilidad necesitas, pero creo que podrías trabajar algo con flexbox.

https://css-tricks.com/snippets/css/a-guide-to-flexbox/

2
  • no me funciono :( a.cerrar{ border-radius: 8px 8px 8px 8px; position: absolute; top:3px; font-family: avan; font-weight: 600; right:3px; background-color: rosybrown; padding:7px 10px; font-size: 20px; text-decoration: none; line-height: 1; color:#fff; transition: all 0.3s ease; align-items:center;
    – wilson
    el 18 jul. 2017 a las 0:43
  • ¿Cómo tienes el html?
    – p1errot
    el 18 jul. 2017 a las 17:21
0

ya resolvi el problema. tenia que cambiar la tupe a ariel en el código button.inisesion{ border-radius: 8px 8px 8px 8px; position: absolute; top:3px; right:40px; padding: 10px 10px ; quitar esto font-family: avan; poner esto font-family: arial; font-size: 12px; color:white; background-color: red; border: none; transition: all 0.3s ease; cursor:pointer; }

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.