2011-06-02 24 views
46

Soy NO hablando de zoom de la página, sino la forma en IOS MobileSafari baches automáticamente algunos tamaños de fuente veces.Cómo evitar el ajuste automático de tamaño de fuente de iOS?

Cuando, exactamente, se hace esto? ¿Se puede prevenir o desalentar?

+0

Hmm ... Estoy teniendo este problema también, pero me pregunto, ¿hay una buena manera de trabajar con el cambio de tamaño de texto? Soy molesto porque causa un desbordamiento de mis botones y corta el texto en mis campos de entrada. Parece que está haciendo más daño así de bueno, pero tal vez estoy haciendo algo mal. ¿Alguien tiene éxito al trabajar con él, en lugar de deshabilitarlo? – Costa

+0

Además, ¿hay una regla de Firefox para Android para esto? – Costa

+1

@Costa No lo sé. Dos preguntas: (1) ¿Hay un simulador de Mobile Firefox? (2) ¿Tiene MDN algún comentario útil? No es una pregunta: (3) Me encantaría saber, así que asegúrese de dejar un comentario aquí cuando lo descubra. ¡Gracias! –

Respuesta

27

tenido un montón de problemas para rastrearlo, pero: es la propiedad -webkit-text-size-adjust en el CSS.

Read more about it and other iOS-specific CSS here.

Valores:

  • Porcentaje (de tamaño por defecto), por ejemplo 120%, o 100%
  • auto (por defecto)
  • none - si auto no está funcionando para su página. Sin embargo, esto a menudo causa problemas con el zoom. Use 100% en su lugar. Por ejemplo, abra Safari en su escritorio y amplíe la página (Command-Plus): su texto no se ampliará, ¡aunque la página completa se haya ampliado! No use none!

Tenga en cuenta que estos pueden aplicarse no solo en el nivel de página sino también en el nivel elemento/widget/contenedor.

(no se limitarían a especificar un valor de 100% para mi sitio web a menos que estaba absolutamente seguro de que ya se ha optimizado para pantallas pequeñas, y nunca none ya que causa problemas.)


Tenga en cuenta que en Firefox Mobile (por ejemplo para Android y Firefox OS) hay una propiedad similar, -moz-text-size-adjust, documented here. Gracias a Costa por señalar esto.


Al parecer, Microsoft también tiene una versión de este móvil de IE: -ms-text-size-adjust.

+0

Sé que acepta su propia respuesta en extremo hay alguna razón que da respuesta de su propia question.like anteriormente hace que http://stackoverflow.com/questions/4926951/is-there-an-equivalent-to-rails-flash -Los mensajes-en-gae-python/4964526 # 4964526, http://stackoverflow.com/questions/4130813/how-should-i-do-full-text-searching-on-app-engine/5072790#5072790 – sandeep

+19

I Nunca haga una pregunta * Intentando * responderla yo mismo, pero acepte mi propia respuesta * si y solo si * La considero la mejor, para indicarlo a los espectadores. Si no te gusta eso, entonces te puedes doblar. (En este caso, busqué durante quince minutos, no encontré nada, hice esta pregunta, e inmediatamente encontré la documentación correcta. ¿A quién le importa? El efecto neto es que estoy haciendo que la información sea más fácil de encontrar.) –

+0

He estado luchando para arreglar el problema similar. Esta respuesta ayudó mucho. – Rahul

77
body { 
    -webkit-text-size-adjust: 100%; 
} 

Solo asegúrese de que todo su texto sea legible en primer lugar. El iPhone y el iPod touch tienen una pantalla bastante pequeña, así que tenlo en cuenta también.

+0

Hola gracias un millón. Casi había terminado de escribir mi propia respuesta cuando publicaste la tuya. Lo aprecio. (Casi me había rendido cuando publiqué la pregunta) –

+0

@ Alan: ¡Vaya! :) – BoltClock

+2

documentación de Apple: http://developer.apple.com/library/safari/#documentation/AppleApplications/Reference/SafariCSSRef/Articles/StandardCSSProperties.html#//apple_ref/css/property/-webkit-text-size- ajustar –

12

La respuesta aceptada funciona, pero en otros navegadores WebKit que encaje en el font-size para las personas que están zoom. Usando 100% en lugar de ninguno funciona en ambos sentidos:

body { 
    -webkit-text-size-adjust: 100%; 
} 
+0

er, ¿por qué es el código de la misma que la respuesta aceptada ('none') cuando se está sugiriendo' 'en lugar del 100%?) –

+0

todos modos, cambió respuesta aceptada a mi propia casa y puso de relieve su punto, que he notado también. Gracias por el heads-up, dc-. –

+1

@Alan H .: Bah, he editado mi respuesta. Las auto-respuestas aceptadas no llegan a la cima automáticamente, y preferiría no tener una respuesta altamente votada pero engañosa. – BoltClock

Cuestiones relacionadas