Question:
Date: 29-10-2018 13:47:04
(In Spanish)
imagen de dispositivo.
este es el css del form-control de la plantilla
imagen de pc
Votes: 0 - Answers: 5 - Views: 10 Share on: Google Facebook Twitter LinkedIn Link
Tengo un error de css cuando lo abro en un dispositivo móvil[Resolved]
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 graciasimagen 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
Votes: 0 - Answers: 5 - Views: 10 Share on: Google Facebook Twitter LinkedIn Link
Answers:
-
Date: 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 Votes: 0 - Link answer -
Date: 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? Votes: 1 - Link answer
-
Date: 30-10-2018 10:06:18 Así es, inicialmente pensaba que era un error en mi css, al Parecer necesitaba todos los Formatos. Votes: 1 - Link answer
-
Date: 30-10-2018 10:52:45 Así es, pero cada navegador solo carga el formato que usa.
Pista: usa Google Fonts. Votes: 1 - Link answer -
Date: 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 Votes: 0 - Link answer
To actively participate in the community first must authenticate, enter the system.Sign In