Problemas com o site em iPhone/iPod Touch
Fala galera, beleza?
Estou finalizando o site aqui da agência e me deparei com um problema na visualização dele via iPhone/iPod Touch (não sei se o mesmo ocorre em outros PDAs e afins):
O menu está, básicamente, assim:
<div id="menu">
<ul>
<li><a href="#">LINK 1</a></li>
<li><a href="#">LINK 2</a></li>
<li><a href="#">LINK 3</a></li>
<li><a href="#">LINK 4</a></li>
</ul>
</div>
Ele está funcionando perfeitamente bem no FFox, IE, Opera... Até mesmo no Safari para computador... Mas no Safari do iPhone, ocorre um probleminha devido aos <li>. Como o clique no iPhone é com o dedo (a menos que você tenha a canetinha), a área clicada na tela é muito grande e costuma selecionar a <li> ao invés de selecionar o <a>. Para funcionar, é preciso ficar insistindo até conseguir "clicar" no <a>.
Eu penso em duas formas de solucionar isso, mas não sei executar nenhuma (uma delas nem sei se é possível):
1 - Alguma forma de "ignorar" o <li>... Deixar ele "não clicavel". Nao sei se isso é possível.
2 - Colocar um evento "onclick" no <li> que chamasse o link do <a> em seguida. Isso eu creio que seja possível, mas não faço idéia de como.
Alguem tem alguma dica, sugestão, solução?
Abraços!
Discussão (6)
Carregando comentários...