builderall

Parágrafo 04: agora com corpo igual ao da lista e com largura limitada (mais fácil de ler, como li).

Parágrafo com largura responsiva (mín 62ch, preferido 80vw, máx 92ch). Estou testando como ficara com a linha mais extensa, vou aumentar esse texto aqui para ficar mais perto do g1

Leitura confortável no iPad: clamp com calc e largura responsiva

Um padrão de corpo que não ?encolhe? no iOS e ainda segura no mobile

Quando um texto parece ?pequeno? no iPad, muitas vezes não é só o tamanho em pixels. É a soma de largura de linha, ritmo vertical, fonte usada no render e até o jeito como o layout ?espreme? o conteúdo dentro da coluna.

Por isso, o padrão aqui faz duas coisas ao mesmo tempo: garante um mínimo real de 16px (para não ficar miúdo em mobile/tablet) e controla a largura do parágrafo por caracteres, só que de forma responsiva, para não ?encurtar? demais em telas maiores.

Se a página estiver caindo no breakpoint mobile no iPad, o corpo continua legível porque o mínimo não depende do viewport; e se o iPad estiver em um layout mais largo, o texto abre linha até um teto, sem perder conforto.

O que padronizar (corpo e lista)

Uma diferença clássica: lista costuma ?parecer melhor? que parágrafo, mesmo com o mesmo tamanho. A lista ajuda porque encurta a linha e cria pausas visuais naturais, então o parágrafo precisa herdar o mesmo ritmo para ficar com a mesma qualidade de leitura.


Um bloco de texto mais longo (para testar ?portal?)

Agora o teste de verdade: um parágrafo mais longo, com várias frases, para observar se a leitura ?cansa? ou se o olho continua fluindo. Se o corpo estiver bom, a leitura passa sem você precisar aumentar zoom, e os olhos não ficam procurando o início da próxima linha.

Em conteúdo editorial, a sensação de conforto vem de repetição consistente: mesma altura de linha, mesma densidade de parágrafo, mesmo contraste e uma medida previsível. É por isso que o clamp aqui foi pensado com mínimo ?de verdade? e um crescimento que não vira efeito especial: ele só acompanha a tela, sem roubar o foco do texto.

Se você rolar esse bloco no iPad e perceber que o texto fica com cara de ?Android?, normalmente é porque o layout está vindo no breakpoint mobile. Mesmo assim, com mínimo 16px e medida controlada, a leitura se mantém ? e isso é exatamente o que a gente quer para não depender do humor do viewport.

Checklist final para validar no iPad


Se quiser, dá para inserir um link de teste no meio do corpo para ver contraste e toque: Abrir link de teste.

Parágrafo com corpo um tiquinho mais encorpado (500).