Iniciei uma empreitada de adaptação de um dos sites que estou desenvolvendo para funcionar em telefones celulares modernos. Quando digo moderno, me refiro a esses com tela colorida e que — pelo menos segundo o fabricante — interpretam XHTML em seus mini-browsers, ou seja, a maioria dos modelos medianos atuais.

Com pouco tempo percebi que vai ser trabalho duro (aliás, acho que nem é possível). Alguma pesquisa na internet confirmou uma coisa que eu relatei logo nas primeiras tentativas: parece absurdo, mas os celulares não interpretam corretamente o parâmetro de tipo de mídia. O meu celular, por exemplo, lê e interpreta as folhas de estilos marcadas com media="screen", quando o correto seria ignorar esta e interpretar apenas aquelas marcadas com media="handheld" ou media="all".

O que me mata de raiva nisso é que são aparelhos projetados e produzidos após a popularização dos padrões web!

Num artigo muito bom do HTML Dog, o autor criou uma página de teste com a qual você pode ver como seu celular interpreta (ou não interpreta) o CSS. Nos comentários, os leitores relatam os resultados com uma variedade enorme de aparelhos.

E como eu vou fazer? Simples: como Jeffrey Zeldman diz, com os padrões web você está desenvolvendo para o futuro, então, por enquanto vou caprichar nas folhas de estilo para tela grande e para impressão. Quando houver um bom suporte nos celulares, bastará criar um terceiro CSS pra eles.

1/9/2005 Update: O Henrique Pereira deu a dica de um artigo excelente que explica como resolver o problema. A única desvantagem é que o método exclui totalmente as folhas de estilo e o javascript. O ideal seria manter apenas o CSS para os dispositivos móveis, que é o que estou tentando aqui.