Pregunta ¿Cómo evitar el ajuste automático de tamaño de fuente de iOS?


yo soy NO hablando sobre el zoom de la página, sino más bien la forma en que MobileSafari en iOS aumenta automáticamente el tamaño de algunas fuentes a veces.

¿Cuándo, exactamente, se hace esto? ¿Se puede prevenir o desalentar?


48
2018-06-02 05:28


origen


Respuestas:


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

Solo asegúrate de que todo tu texto tenga un tamaño legible desde el principio. El iPhone y el iPod touch tienen una pantalla bastante pequeña, así que tenlo en cuenta también.


78
2018-06-02 05:31



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

Lea más sobre este y otros CSS específicos de iOS aquí.

Valores:

  • Porcentaje (del tamaño predeterminado), p. 120%, o 100%
  • auto (el valor por defecto)
  • none - Si auto no está funcionando para tu página. Sin embargo, esto a menudo causa problemas con el zoom. Utilizar 100% en 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 entera haya aumentado! No lo hagas utilizar 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 me limitaría a especificar un valor de 100% para mi sitio web a menos que estuviera absolutamente seguro de que ya estaba 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, documentado aquí. Gracias a Costa por señalar esto.


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


27
2018-06-02 05:32



La respuesta aceptada funciona, pero en otros navegadores de webkit se bloquea en el font-size para las personas que están haciendo zoom. Utilizando 100% en lugar de ninguno funciona en ambos sentidos:

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

12
2018-05-10 18:10