Nueva pregunta

Pregunta:

Fecha: 29-10-2018 13:47:04 (En Español)

Tengo un error de css cuando lo abro en un dispositivo móvil[Resuelta]

quisiera saber como puedo solucionar este error de una plantilla bootstrap con la fuente. en el pc no sucede eso pero en los dispositivos móviles si sucede me ayudan gracias
imagen de dispositivo.
este es el css del form-control de la plantilla

.form-control {
  font-family:inherit;
  height: auto;
  font-size: 14px;
  line-height: 1.428571429;
}
select.form-control {
  box-shadow: none;
  border-radius: 0;
  

}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"].form-control,input[type="time"].form-control,input[type="datetime-local"].form-control,input[type="month"].form-control {
    line-height: 36px;
	
  }

  input[type="date"].input-sm,.input-group-sm input[type="date"],input[type="time"].input-sm,.input-group-sm input[type="time"],input[type="datetime-local"].input-sm,.input-group-sm input[type="datetime-local"],input[type="month"].input-sm,.input-group-sm input[type="month"] {
    line-height: 24px;
	
  }

  input[type="date"].input-lg,.input-group-lg input[type="date"],input[type="time"].input-lg,.input-group-lg input[type="time"],input[type="datetime-local"].input-lg,.input-group-lg input[type="datetime-local"],input[type="month"].input-lg,.input-group-lg input[type="month"] {
    line-height: 44px;
		 
  }
}







imagen de pc


Etiquetas: Bootstrap - CSS - CSS3 @media - HTML - PHP - Pregunta Votos: 0 - Respuestas: 5 - Vistas: 10 Compartir en: Google Facebook Twitter LinkedIn Link
 

Respuestas:

  • Fecha: 29-10-2018 19:07:14 leyendo la documentación para la optimización de fuentes para google chrome en android en este link encontré que el problema no estaba en mi css ni mucho menos sino en la compresión del archivo de fuentes, encontre uno de los más recomendados en los foros link del compresor de fuentes OTF el cual genera todo el kit de fuentes dejando el css igual comoe estaba solo cambiando la forma de vincular las fuentes
    @font-face {
        font-family: 'Ogonek';
        src: url('../fonts/ogonek/ogonek_regularOgonek.eot');
        src: url('../fonts/ogonek/ogonek_regularOgonek.eot?#iefix') format('embedded-opentype'),
             url('../fonts/ogonek/ogonek_regularOgonek.woff2') format('woff2'),
             url('../fonts/ogonek/ogonek_regularOgonek.woff') format('woff'),
             url('../fonts/ogonek/ogonek_regularOgonek.svg#ogonek_unicaseregular') format('svg');
        font-weight: normal;
        font-style: normal;
    
    }
    


    espero les pueda servir esta solución. Gracias
      Votos: 0 - Link respuesta
     
  • Fecha: 30-10-2018 09:15:20 Efectivamente hay que incluir varios formatos de archivo dado que no hay un estándar para todos los navegadores. ¿Era ese el problema?   Votos: 1 - Link respuesta
     
  • Fecha: 30-10-2018 10:06:18 Así es, inicialmente pensaba que era un error en mi css, al Parecer necesitaba todos los Formatos.   Votos: 1 - Link respuesta
     
  • Fecha: 30-10-2018 10:52:45 Así es, pero cada navegador solo carga el formato que usa.

    Pista: usa Google Fonts.
      Votos: 1 - Link respuesta
     
  • Fecha: 30-10-2018 11:51:55 El cliente tiene una fuente para toda su imagen corporativa eso fue lo que me hizo usar una fuente diferente a las Google Fonts, jamas había pasado por esta falla, muchas gracias   Votos: 0 - Link respuesta
     
Para participar activamente de la comunidad primero debes autenticarte, ingresa al sistema.Iniciar Sesión