Design responsivo - o Media Query não funciona no iPhone?
Estou tentando criar uma versão otimizada para dispositivos móveis do meu website, para que meu site seja responsivo a um tamanho de tela menor e a uma escala adequada.
Eu criei algumas consultas de mídia, que se comportam corretamente em um navegador ao redimensionar em um desktop.
No meu iPhone, o safari apenas encolhe todo o site, mas ainda mantém a proporção do site de tamanho completo. Como faço para que a consulta de mídia seja observada? eu perdi alguma coisa?
Aqui está um link para um sandbox que estou tentando funcionar corretamente - qualquer ajuda ou sugestões são bem-vindas: