Alguns tamanhos de fonte são aumentados no Safari (iPhone)

Existem CSS ou outras razões pelas quais o Safari / iPhone ignoraria algumas configurações de tamanho de fonte? No meu site específico, o Safari no iPhone apresenta um tamanho de fonte: texto de 13px maior do que o tamanho de fonte: texto de 15px. Ele não suporta o tamanho da fonte em alguns elementos?

A resposta de Joe contém algumas boas práticas recomendadas, mas acho que o problema que você está descrevendo gira em torno do fato de que o Mobile Safari dimensiona automaticamente o texto se achar que o texto ficará muito pequeno. Você pode contornar isso com a propriedade CSS -webkit-text-size-adjust. Aqui está um exemplo de como aplicar isso ao seu corpo, apenas para o iPhone:

@media screen and (max-device-width: 480px){
  body{
    -webkit-text-size-adjust: none;
  }
}

Use 100% em vez de Nenhum.

normalize.css inclui isso

Além disso, certifique-se de definir a configuração de zoom inicial para 1 na meta tag da janela de visualização:

<meta name="viewport" content="width=device-width; initial-scale=1.0;" />

Não uso mais as definições de pixel, pois elas são muito confusas e não são exatamente as mesmas em todos os serviços visuais.

Conheça as unidades

1. “Ems” (em): O “em” é uma unidade escalonável usada em mídia de documento da web. Um em é igual ao tamanho da fonte atual, por exemplo, se o tamanho da fonte do documento é 12pt, 1em é igual a 12pt. Ems são escaláveis ​​por natureza, então 2em seria igual a 24pt, .5em seria igual a 6pt, etc. Os Ems estão se tornando cada vez mais populares em documentos da web devido à escalabilidade e sua natureza amigável para dispositivos móveis.
2. Pixels (px): Pixels são unidades de tamanho fixo usadas na mídia da tela (ou seja, para serem lidas na tela do computador). Um pixel é igual a um ponto na tela do computador (a menor divisão da resolução da tela). Muitos designers da web usam unidades de pixel em documentos da web para produzir uma representação perfeita de pixel de seu site à medida que é processado no navegador. Um problema com a unidade de pixel é que ela não aumenta para leitores com deficiência visual ou para baixo para caber em dispositivos móveis.
3. Pontos (pt): Os pontos são tradicionalmente usados ​​em mídia de impressão (qualquer coisa que seja impressa em papel, etc.). Um ponto é igual a 1/72 de polegada. Os pontos são muito parecidos com os pixels, pois são unidades de tamanho fixo e não podem ser redimensionados.
4. Porcentagem (%): A unidade de porcentagem é muito parecida com a unidade “em”, exceto por algumas diferenças fundamentais. Em primeiro lugar, o tamanho da fonte atual é igual a 100% (ou seja, 12pt = 100%). Ao usar a unidade percentual, seu texto permanece totalmente escalonável para dispositivos móveis e para acessibilidade.

Tive o mesmo problema, parece que no CSS original havia esta linha:

-webkit-text-size-ajustar: 120%;

Tive que mudar para 100% e tudo correu bem. Não há necessidade de alterar todos os px para em ou %%.

Verifique também se você não tem uma "largura / altura" definida para os elementos que você está manipulando, o Safari dá precedência de dimensionamento sobre o tamanho da fonte em svg's, Chrome e FF não, ao que parece, pelo menos atualmente.